@font-face {
  font-family: "icomoon";

  src: url(data:application/vnd.ms-fontobject;base64,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);

  src: url(data:application/vnd.ms-fontobject;base64,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#iefix)
      format("embedded-opentype"),
    url(data:font/ttf;base64,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) format("truetype"),
    url(data:font/woff;base64,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) format("woff"),
    url(/img/icomoon.ef8a3053.svg#icomoon) format("svg");

  font-weight: normal;

  font-style: normal;

  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bottom-arrow-left:before {
  content: "\e914";
}
.icon-bottom-arrow-right:before {
  content: "\e915";
}
.icon-done:before {
  content: "\e913";
}
.icon-link:before {
  content: "\e905";
}
.icon-shopping-bag:before {
  content: "\e90c";
}
.icon-facebook:before {
  content: "\e910";
}
.icon-line:before {
  content: "\e911";
}
.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-mail:before {
  content: "\e906";
}
.icon-menu:before {
  content: "\e907";
}
.icon-minus:before {
  content: "\e908";
}
.icon-phone:before {
  content: "\e909";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-shopping-cart:before {
  content: "\e90d";
}
.icon-user:before {
  content: "\e90e";
}
.icon-close:before {
  content: "\e90f";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-instagram:before {
  content: "\e912";
}
.editor_content img.fr-dib {
  width: 100% !important;
}
.editor_content span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}
.editor_content span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji",
    "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.editor_content .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.editor_content .fr-video {
  text-align: center;
  position: relative;
  aspect-ratio: 16/9;
}
.editor_content .fr-video > * {
  display: block;
  width: 100% !important;
  height: 100%;
  max-width: 100%;
  border: none;
}
.editor_content p {
  color: currentColor;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  word-break: break-word;
}
.editor_content img {
  width: 100%;
  display: block;
}
.editor_content ol,ul{
  padding-left: 30px;
}
.editor_content ol{
  list-style: decimal;
}
.editor_content ul{
  list-style: disc;
}
.editor_content .editor-cta-block{
  font-family: "Goldman", "Noto Sans TC";
  border-top: 1px solid #006177;
  border-bottom: 1px solid #006177;
  padding: 32px 0px;
  text-align: center;
}
.editor_content .editor-cta-block .editor-cta-title{
  font-family: "Goldman", "Noto Sans TC";
  font-size:24px;
  font-weight:bold;
  display: block;
  margin-bottom: 16px;
  color:#006177;
}
.editor_content .editor-cta-block .editor-cta-button{
  font-family: "Goldman", "Noto Sans TC";
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color: #006177;
  padding: 8px 14px;
  border-radius: 99px;
  border:2px solid #006177;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s ease;
}
.editor_content .editor-cta-block .editor-cta-button:hover{
  background-color:transparent;
  color:#006177;
}
#MainHeader {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
#MainHeader {
    justify-content: center;
}
}
#MainHeader {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 1024px) {
#MainHeader {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
#MainHeader {
  border-bottom-width: 2px;
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainHeader.active {
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* logo_box */
#MainHeader .logo_box {
  display: block;
}
@media (min-width: 768px) {
#MainHeader .logo_box {
    display: none;
}
}
#MainHeader .logo_box img {
  display: block;
  height: 1.5rem;
  width: auto;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainHeader .logo_box img:nth-of-type(1) {
  display: none;
}
#MainHeader.active .logo_box img {
  height: 1rem;
  width: auto;
}
#MainHeader.active .logo_box img:nth-of-type(1) {
  display: block;
}
#MainHeader.active .logo_box img:nth-of-type(2) {
  display: none;
}

/* menu_list */
#MainHeader .menu_list {
  display: none;
  align-items: center;
}
@media (min-width: 768px) {
#MainHeader .menu_list {
    display: flex;
}
}
#MainHeader .menu_list {
  position: relative;
  z-index: 10;
}
#MainHeader .menu_list li {
  position: relative;
}
#MainHeader .menu_list a {
  position: relative;
  z-index: 10;
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1024px) {
#MainHeader .menu_list a {
    padding-left: 1rem;
    padding-right: 1rem;
}
}
#MainHeader .menu_list a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
#MainHeader .menu_list a {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#MainHeader .menu_list a:not(.logo)::after {
  content: "";
  animation: button_bg_out 0.3s forwards;
  position: absolute;
  bottom: 0px;
  left: 0.75rem;
  right: 0.75rem;
  z-index: 0;
  height: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#MainHeader .menu_list a:not(.logo):hover::after {
  animation: button_bg_in 0.3s forwards;
}

/* logo */
#MainHeader .menu_list a.logo {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
#MainHeader .menu_list a img {
  display: block;
  width: 1.75rem;
}
@media (min-width: 1024px) {
#MainHeader .menu_list a img {
    width: 2.5rem;
}
}
#MainHeader .menu_list a img:nth-of-type(1) {
  display: none;
}
#MainHeader.active .menu_list a img {
  width: 1.75rem;
}
#MainHeader.active .menu_list a img:nth-of-type(1) {
  display: block;
}
#MainHeader.active .menu_list a img:nth-of-type(2) {
  display: none;
}

/* action list */
#MainHeader .action_list {
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
#MainHeader .action_list {
    margin-left: 0px;
    margin-right: 0px;
    position: absolute;
    top: 50%;
    right: 1.25rem;
}
}
#MainHeader .action_list {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#MainHeader .action_list {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#MainHeader .action_list li:nth-of-type(1) {
  display: none;
}
@media (min-width: 768px) {
#MainHeader .action_list li:nth-of-type(1) {
    display: block;
}
}
#MainHeader .action_list li:nth-of-type(3) {
  display: block;
}
@media (min-width: 768px) {
#MainHeader .action_list li:nth-of-type(3) {
    display: none;
}
}
#MainHeader .action_list a,
#MainHeader .action_list button {
  position: relative;
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
#MainHeader .action_list a,
#MainHeader .action_list button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}
@media (min-width: 1024px) {
#MainHeader .action_list a,
#MainHeader .action_list button {
    padding-left: 1rem;
    padding-right: 1rem;
}
}
#MainHeader .action_list a,
#MainHeader .action_list button {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
#MainHeader .action_list button .count {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-translate-x: -0.25rem;
  --tw-translate-y: -6px;
  --tw-scale-x: .65;
  --tw-scale-y: .65;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#MainHeader .action_list button .count {
    --tw-translate-x: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
@media (min-width: 1024px) {
#MainHeader .action_list button .count {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
@keyframes button_bg_in {
0% {
    transform-origin: left;
    transform: scaleX(0);
}
100% {
    transform-origin: left;
    transform: scaleX(1);
}
}
@keyframes button_bg_out {
0% {
    transform-origin: right;
    transform: scaleX(1);
}
100% {
    transform-origin: right;
    transform: scaleX(0);
}
}
#MainMenu {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 100%;
  z-index: 20;
  width: 100%;
}
#MainMenu .background_box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
}
#MainMenu .background_box div {
  position: relative;
  z-index: 0;
  height: 20%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#MainMenu .background_box i {
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 10;
  width: 1px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
}
#MainMenu .background_box i:nth-of-type(1) {
  left: 1.25rem;
}
#MainMenu .background_box i:nth-of-type(2) {
  right: 1.25rem;
}

/* menu_container */
#MainMenu .menu_container {
  position: relative;
  z-index: 10;
  padding-top: 5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#MainMenu .menu_container .menu_list li {
  width: 100%;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
#MainMenu .menu_container .menu_list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}
#MainMenu .menu_container .menu_list li a p span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#MainMenu .menu_container .menu_list li a > span {
  display: block;
  overflow: hidden;
}
#MainMenu .menu_container .menu_list li a > span::before {
  display: block;
}
#MainMenu .menu_container .menu_list li a:hover {
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainMenu .menu_container .menu_list li a:hover > span::before {
  animation: link_arrow 1s infinite;
}

/* terms_box */
#MainMenu .terms_box,
#MainMenu .social_box {
  margin-top: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
}
#MainMenu .terms_box li,
#MainMenu .social_box li {
  margin-bottom: 0.5rem;
  width: 50%;
}
#MainMenu .terms_box li:nth-last-of-type(1) {
  margin-bottom: 0px;
}
#MainMenu .terms_box li a,
#MainMenu .social_box li a {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
#MainFooter {
  position: relative;
  z-index: 10;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#MainFooter .social_box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
#MainFooter .social_box > div {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
#MainFooter .social_box > div {
    width: 50%;
}
}
#MainFooter .social_box > div .image_box {
  position: relative;
  z-index: 0;
  aspect-ratio: 1 / 1;
  width: 100%;
}
@media (min-width: 640px) {
#MainFooter .social_box > div .image_box {
    aspect-ratio: auto;
    height: 500px;
}
}
#MainFooter .social_box > div .image_box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .image_box img {
    opacity: 0.3;
}
}
#MainFooter .social_box > div .image_box img {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainFooter .social_box > div .text_box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  width: 100%;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box {
    left: 5rem;
    width: auto;
}
}
#MainFooter .social_box > div .text_box {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box {
    padding-left: 0px;
    padding-right: 0px;
}
}
#MainFooter .social_box > div .text_box {
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#MainFooter .social_box > div .text_box {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box {
    text-align: start;
}
}
#MainFooter .social_box > div .text_box h4 {
  margin-bottom: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
@media (min-width: 640px) {
#MainFooter .social_box > div .text_box h4 {
    margin-bottom: 1.25rem;
    font-size: 3rem;
    line-height: 1;
}
}
#MainFooter .social_box > div .text_box p {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box p {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#MainFooter .social_box > div .text_box .button_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
#MainFooter .social_box > div .text_box .button_box > a {
  margin-bottom: 1rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box .button_box > a {
    margin-right: 1rem;
    margin-bottom: 0px;
    width: auto;
}
}
#MainFooter .social_box > div .text_box .button_box > a {
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainFooter .social_box > div .text_box .button_box > a span {
  margin-left: 1.25rem;
  display: block;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 2rem;
}
#MainFooter .social_box > div .text_box .button_box > a span::before {
  display: block;
}
#MainFooter .social_box > div .text_box .button_box > a:hover span::before {
  animation: link_arrow 1s infinite;
}
@media (min-width: 768px) {
#MainFooter .social_box > div .text_box .button_box > a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
}
#MainFooter .social_box > div:hover .image_box img {
  opacity: 0.5;
}

/* section_container */
#MainFooter .section_container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
#MainFooter .section_container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
#MainFooter .section_container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#MainFooter .section_container .logo_box {
  margin-bottom: 5rem;
  width: 100%;
}
@media (min-width: 1024px) {
#MainFooter .section_container .logo_box {
    margin-bottom: 0px;
    width: 8rem;
}
}
#MainFooter .section_container .logo_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainFooter .section_container .logo_box a {
  display: block;
  width: 16rem;
  max-width: 100%;
}
@media (min-width: 1024px) {
#MainFooter .section_container .logo_box a {
    width: 100%;
}
}
#MainFooter .section_container .logo_box a img {
  display: block;
  width: 100%;
}
#MainFooter .section_container .logo_box a img:nth-of-type(1) {
  display: none;
}
@media (min-width: 1024px) {
#MainFooter .section_container .logo_box a img:nth-of-type(1) {
    display: block;
}
}
#MainFooter .section_container .logo_box a img:nth-of-type(2) {
  display: block;
}
@media (min-width: 1024px) {
#MainFooter .section_container .logo_box a img:nth-of-type(2) {
    display: none;
}
}
#MainFooter .info_container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
#MainFooter .info_container {
    width: 75%;
    padding-left: 5rem;
}
}
#MainFooter .info_container .info_box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
#MainFooter .info_container .info_box .address_box {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#MainFooter .info_container .info_box .address_box {
    margin-bottom: 0px;
    width: auto;
}
}
#MainFooter .info_container .info_box .address_box p:nth-of-type(1) {
  margin-bottom: 0.5rem;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MainFooter .info_container .info_box .address_box p:nth-of-type(2) {
  font-weight: 700;
}
#MainFooter .info_container .info_box .phone_box {
  width: 100%;
}
@media (min-width: 1024px) {
#MainFooter .info_container .info_box .phone_box {
    width: auto;
}
}
#MainFooter .info_container .info_box .phone_box p:nth-of-type(1) {
  margin-bottom: 0.25rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#MainFooter .info_container .info_box .phone_box p:nth-of-type(1) span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MainFooter .info_container .info_box .phone_box p:nth-of-type(2) {
    text-align: right;
}
}
#MainFooter .info_container .menu_list {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1.25rem;
}
#MainFooter .info_container .menu_list li {
  margin-bottom: 1.25rem;
  width: 50%;
}
@media (min-width: 640px) {
#MainFooter .info_container .menu_list li {
    margin-bottom: 0px;
    width: auto;
}
}
#MainFooter .info_container .menu_list li a {
  display: block;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px) {
#MainFooter .info_container .menu_list li a:hover {
    --tw-text-opacity: 0.3;
}
}
#MainFooter .info_container .social_list {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  display: flex;
  flex: 1 1 0%;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 1.25rem;
}
@media (min-width: 640px) {
#MainFooter .info_container .social_list {
    justify-content: flex-end;
}
}
#MainFooter .info_container .social_list li a {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px) {
#MainFooter .info_container .social_list li a:hover {
    --tw-text-opacity: 0.3;
}
}

/* copyright_box */
#MainFooter .copyright_box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#MainFooter .copyright_box {
    flex-wrap: nowrap;
}
}
#MainFooter .copyright_box {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}
#MainFooter .copyright_box p {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
#MainFooter .copyright_box p {
    width: auto;
    text-align: left;
}
}
#MainFooter .copyright_box a {
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  text-decoration-line: underline;
}
#MainLoading {
  position: fixed;
  top: 0px;
  left: 100%;
  z-index: 50;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainLoading .loading_box {
  text-align: center;
}
#MainLoading .loading_box .image_box {
  background: linear-gradient(
    0deg,
    #006177 0%,
    #006177 50%,
    rgb(255, 255, 255) 50.1%,
    rgb(255, 255, 255) 100%
  );
  background-size: 100% 200%;
  background-position: 0% 30%;
  -webkit-mask-image: url(/img/circle_logo.e7de82f1.svg);
          mask-image: url(/img/circle_logo.e7de82f1.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  margin-bottom: 1.25rem;
  height: 10rem;
  width: 10rem;
}
#MainLoading .loading_box p {
  animation: loading_text 1s infinite linear;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#Pagination {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  position: relative;
  z-index: 10;
}
#Pagination .list_box {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  list-style-type: none;
  align-items: center;
  padding-left: 0px;
}
#Pagination .list_box .prev_button_box {
  margin-right: 0.75rem;
  height: 2rem;
  width: 2rem;
}
@media (min-width: 768px) {
#Pagination .list_box .prev_button_box {
    height: 2.5rem;
    width: 2.5rem;
}
}
#Pagination .list_box .prev_button_box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#Pagination .list_box .prev_button_box button {
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px) {
#Pagination .list_box .prev_button_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#Pagination .list_box .prev_button_box button.disable {
  cursor: not-allowed;
  --tw-border-opacity: 0.1;
  background-color: transparent;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
#Pagination .list_box .prev_button_box button i {
  display: block;
  color: currentColor;
}
#Pagination .list_box .page_button_box {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 2rem;
  width: 2rem;
  border-radius: 0.375rem;
  line-height: 1;
}
@media (min-width: 768px) {
#Pagination .list_box .page_button_box {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 2.5rem;
    width: 2.5rem;
}
}
#Pagination .list_box .page_button_box.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#Pagination .list_box .page_button_box button {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#Pagination .list_box .page_button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#Pagination .list_box .page_button_box button {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px) {
#Pagination .list_box .page_button_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
}
#Pagination .list_box .page_button_box button.disable {
  cursor: not-allowed;
}
#Pagination .list_box .next_button_box {
  margin-left: 0.75rem;
  height: 2rem;
  width: 2rem;
  border-radius: 0.375rem;
}
@media (min-width: 768px) {
#Pagination .list_box .next_button_box {
    height: 2.5rem;
    width: 2.5rem;
}
}
#Pagination .list_box .next_button_box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}
#Pagination .list_box .next_button_box button {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px) {
#Pagination .list_box .next_button_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#Pagination .list_box .next_button_box button.disable {
  cursor: not-allowed;
  --tw-border-opacity: 0.1;
  background-color: transparent;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
}
#BreadCrumb {
  position: relative;
  z-index: 10;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#BreadCrumb ol {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
#BreadCrumb ol li {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#BreadCrumb ol li:nth-last-of-type(1) {
  font-weight: 700;
}
#BreadCrumb ol li i {
  display: block;
  height: 1px;
  width: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  opacity: 0.3;
}
#ShopCartMessage {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
#ShopCartMessage .message_box {
  position: relative;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#ShopCartMessage .message_box {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
}
#ShopCartMessage .message_box {
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}
#ShopCartMessage p {
  position: relative;
  z-index: 10;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ShopCartMessage p {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#ShopCartMessage button {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  pointer-events: auto;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#ShopCartMessage .progress_bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  transform-origin: left;
  --tw-scale-x: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#ShopCartDrawer {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 100%;
  z-index: 30;
  width: 100%;
}
#ShopCartDrawer .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

/* #ShopCartDrawer .background_line {
  @apply absolute block z-0 top-0 bottom-0 w-[1px] bg-zinc-800;
}
#ShopCartDrawer .background_line:nth-of-type(1) {
  @apply left-5;
}
#ShopCartDrawer .background_line:nth-of-type(2) {
  @apply right-5;
} */
#ShopCartDrawer .shop_cart_container {
  background-image: url(/img/bg_0.0988bce8.png);
  background-size: 180px;
  position: absolute;
  top: 0px;
  left: 100%;
  bottom: 0px;
  z-index: 10;
  width: 100%;
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_container {
    width: 500px;
}
}
#ShopCartDrawer .shop_cart_container {
  display: flex;
  flex-direction: column;
}
#ShopCartDrawer .shop_cart_container .title_box {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_container .title_box {
    margin-bottom: 0px;
}
}
#ShopCartDrawer .shop_cart_container .title_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  /* @apply border-b border-zinc-800; */
}
#ShopCartDrawer .shop_cart_container .title_box > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#ShopCartDrawer .shop_cart_container .title_box p {
  margin-right: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_container .title_box p {
    font-size: 1.875rem;
    line-height: 2.25rem;
    line-height: 1;
}
}
#ShopCartDrawer .shop_cart_container .title_box p {
  position: relative;
  display: inline;
  overflow: hidden;
}
#ShopCartDrawer .shop_cart_container .title_box h2 {
  padding-bottom: 1px;
  font-weight: 700;
  position: relative;
  display: inline;
  overflow: hidden;
}
#ShopCartDrawer .shop_cart_container .title_box p .cover,
#ShopCartDrawer .shop_cart_container .title_box h2 .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#ShopCartDrawer .shop_cart_container .title_box button {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_container .title_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#ShopCartDrawer .shop_cart_container .title_box button {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_container .title_box button:hover {
    background-color: transparent;
}
}
#ShopCartDrawer .shop_cart_container .title_box button {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

/* product card */
#ShopCartDrawer .product_list {
  width: 100%;
  flex: 1 1 0%;
  overflow-y: auto;
}
#ShopCartDrawer .product_list li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
}
@media (min-width: 640px) {
#ShopCartDrawer .product_list li {
    padding-top: 1.25rem;
}
}
#ShopCartDrawer .shop_cart_card {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_card {
    padding-bottom: 1.25rem;
}
}
#ShopCartDrawer .shop_cart_card {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity));
}
#ShopCartDrawer .shop_cart_card .image_box {
  aspect-ratio: 1 / 1;
  width: 4rem;
  overflow: hidden;
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_card .image_box {
    width: 6rem;
}
}
#ShopCartDrawer .shop_cart_card .image_box img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#ShopCartDrawer .shop_cart_card .text_box {
  flex: 1 1 0%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_card .text_box {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
#ShopCartDrawer .shop_cart_card .text_box .product_title {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_card .text_box .product_title {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}
}
#ShopCartDrawer .shop_cart_card .option_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}
#ShopCartDrawer .shop_cart_card .option_box span {
  margin-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
#ShopCartDrawer .shop_cart_card .product_price {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ShopCartDrawer .shop_cart_card .amount_price_box {
  margin-top: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#ShopCartDrawer .shop_cart_card .amount_box {
  display: flex;
  width: 6rem;
  align-items: stretch;
  justify-content: flex-start;
}
#ShopCartDrawer .shop_cart_card .amount_box button {
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_card .amount_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#ShopCartDrawer .shop_cart_card .amount_box button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#ShopCartDrawer .shop_cart_card .amount_box input {
  width: 2.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#ShopCartDrawer .shop_cart_card .action_box button {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 640px) {
#ShopCartDrawer .shop_cart_card .action_box button {
    height: 2rem;
    width: 2rem;
}
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_card .action_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}
}
#ShopCartDrawer .shop_cart_card .action_box button {
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ShopCartDrawer .shop_cart_card .action_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
}
#ShopCartDrawer .shop_cart_card .action_box button {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* button_box */
#ShopCartDrawer .button_box {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ShopCartDrawer .button_box > div {
  width: 100%;
  overflow: hidden;
}
#ShopCartDrawer .button_box a {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ShopCartDrawer .button_box a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#ShopCartDrawer .button_box a {
  background-color: transparent;
}
@media (min-width: 768px) {
#ShopCartDrawer .button_box a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
}
#ShopCartDrawer .button_box a {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ShopCartDrawer .button_box a span {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: block;
  overflow: hidden;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 2.25rem;
  line-height: 2.5rem;
}
#ShopCartDrawer .button_box a span::before {
  display: block;
}

/* background_image */
#ShopCartDrawer .background_image {
  background-image: url(/img/about_bg.69fc56a7.webp);
  background-size: cover;
  background-position: right;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  opacity: 0.03;
}
#MainDialog,
#GiftDialog {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 100%;
  z-index: 40;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#MainDialog .background_box,
#GiftDialog .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
#MainDialog .dialog_box,
#GiftDialog .dialog_box {
  background-image: url(/img/bg_0.0988bce8.png);
  background-size: 180px;
  position: relative;
  z-index: 10;
  width: 91.666667%;
  max-width: 28rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MainDialog .dialog_box .title,
#GiftDialog .dialog_box .title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MainDialog .dialog_box .content,
#GiftDialog .dialog_box .content {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MainDialog .dialog_box .content .image_box,
#GiftDialog .dialog_box .content .image_box {
  margin-bottom: 1rem;
  width: 100%;
}
#MainDialog .dialog_box .button_box,
#GiftDialog .dialog_box .button_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#MainDialog .dialog_box .button_box button,
#GiftDialog .dialog_box .button_box button {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MainDialog .dialog_box .button_box button:hover,
#GiftDialog .dialog_box .button_box button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#MainDialog .dialog_box .button_box button,
#GiftDialog .dialog_box .button_box button {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.section_title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 640px) {
.section_title {
    font-size: 3rem;
    line-height: 1;
}
}
.section_sub_title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
@media (min-width: 640px) {
.section_sub_title {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
.section_button {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
.section_button {
    width: 50%;
}
}
@media (min-width: 1024px) {
.section_button {
    width: 16rem;
}
}
.section_button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
.section_button {
    font-size: 1rem;
    line-height: 1.5rem;
}
.section_button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
.section_button {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
.section_button:hover {
    background-color: transparent;
}
}
.section_button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.section_button span {
  display: block;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 2.25rem;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.section_button span::before {
  display: block;
}
.section_button:hover span::before {
  animation: link_arrow 1s infinite;
}
#CookieConsentDialog {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  width: 100%;
  overflow-y: auto;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
#CookieConsentDialog.active {
  animation: cookieDialogClose 0.6s forwards;
}
#CookieConsentDialog .dialog_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box {
    flex-wrap: nowrap;
}
}
#CookieConsentDialog .dialog_box {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
#CookieConsentDialog .dialog_box {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#CookieConsentDialog .dialog_box p {
  margin-bottom: 1.25rem;
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box p {
    margin-bottom: 0px;
    width: auto;
}
}
#CookieConsentDialog .dialog_box p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box p {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#CookieConsentDialog .dialog_box p a {
  text-decoration-line: underline;
}
#CookieConsentDialog .dialog_box .button_box {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box .button_box {
    margin-left: 1.25rem;
    width: auto;
}
}
#CookieConsentDialog .dialog_box .button_box {
  text-align: center;
}
#CookieConsentDialog .dialog_box .button_box button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box .button_box button {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
#CookieConsentDialog .dialog_box .button_box button {
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box .button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#CookieConsentDialog .dialog_box .button_box button {
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#CookieConsentDialog .dialog_box .button_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
}
#CookieConsentDialog .dialog_box .button_box button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@keyframes cookieDialogClose {
0% {
    transform: translate3d(0, 0%, 0);
}
99% {
    transform: translate3d(0, 100%, 0);
}
100% {
    transform: translate3d(0, 100%, 0);
    display: none;
}
}

/* form */
#MainSelectBox .option_text {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  opacity: 0.8;
}
@media (min-width: 768px) {
#MainSelectBox .option_text {
    margin-bottom: 0.25rem;
}
}
#MainSelectBox .select_box {
  position: relative;
  width: 100%;
}
#MainSelectBox .select_box select {
  position: relative;
  z-index: 0;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
#MainSelectBox .select_box select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#MainSelectBox .select_box span {
  pointer-events: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MainSelectBox .error_message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
#MainAmountBox {
  display: flex;
  width: 100%;
  align-items: stretch;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MainAmountBox button {
  height: 3rem;
  width: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px) {
#MainAmountBox button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#MainAmountBox button:nth-of-type(1) {
  border-right-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MainAmountBox button:nth-of-type(2) {
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MainAmountBox input {
  flex: 1 1 0%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MainAmountBox input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#MainInputBox {
  position: relative;
  width: 100%;
}
#MainInputBox input {
  position: relative;
  z-index: 0;
  width: 100%;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
#MainInputBox input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#MainInputBox .error_message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
#MainTextAreaBox {
  position: relative;
  width: 100%;
}
#MainTextAreaBox textarea {
  position: relative;
  z-index: 0;
  min-height: 200px;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#MainTextAreaBox textarea {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
}
@media (min-width: 1024px) {
#MainTextAreaBox textarea {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
}
#MainTextAreaBox textarea {
  font-weight: 600;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
#MainTextAreaBox textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#MainTextAreaBox .error_message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

/* default and primary */
#MainButton a,
#MainButton button {
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: inline-flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MainButton a:hover,
#MainButton button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#MainButton a,
#MainButton button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MainButton a p,
#MainButton button p {
  line-height: 1;
  color: currentColor;
}
#MainButton a svg,
#MainButton button svg {
  margin-bottom: 0.25rem;
  margin-left: 1rem;
  width: 1.75rem;
  fill: currentColor;
}

/* white theme */
#MainButton.white a,
#MainButton.white button {
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: inline-flex;
  align-items: flex-end;
  justify-content: space-between;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MainButton.white a:hover,
#MainButton.white button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#MainButton.white a,
#MainButton.white button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* home */
#HomePage .carousel_pos_box {
  pointer-events: none;
  position: relative;
  display: block;
  height: 100vh;
  width: 100%;
}
@media (min-width: 768px) {
#HomePage .carousel_pos_box {
    aspect-ratio: 16 / 9;
    height: auto;
}
}

/* background_line_box */
#HomePage .background_line_box {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 0;
  height: 100%;
  width: 100%;
  max-width: 1536px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#HomePage .background_line_box i:nth-of-type(1) {
  position: absolute;
  left: 1.25rem;
  top: 0px;
  bottom: 0px;
  width: 1px;
}
@media (min-width: 768px) {
#HomePage .background_line_box i:nth-of-type(1) {
    left: 2.5rem;
}
}
#HomePage .background_line_box i:nth-of-type(1) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.05;
}
#HomePage .background_line_box i:nth-of-type(2) {
  position: absolute;
  left: 33.333333%;
  top: 0px;
  bottom: 0px;
  display: none;
  width: 1px;
}
@media (min-width: 768px) {
#HomePage .background_line_box i:nth-of-type(2) {
    display: block;
}
}
#HomePage .background_line_box i:nth-of-type(2) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.05;
}
#HomePage .background_line_box i:nth-of-type(3) {
  position: absolute;
  left: 66.666667%;
  top: 0px;
  bottom: 0px;
  display: none;
  width: 1px;
}
@media (min-width: 768px) {
#HomePage .background_line_box i:nth-of-type(3) {
    display: block;
}
}
#HomePage .background_line_box i:nth-of-type(3) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.05;
}
#HomePage .background_line_box i:nth-of-type(4) {
  position: absolute;
  right: 1.25rem;
  top: 0px;
  bottom: 0px;
  width: 1px;
}
@media (min-width: 768px) {
#HomePage .background_line_box i:nth-of-type(4) {
    right: 2.5rem;
}
}
#HomePage .background_line_box i:nth-of-type(4) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.05;
}
#HomeVideoSection {
  height: 100vh;
}
@media (min-width: 768px) {
#HomeVideoSection {
    aspect-ratio: 16 / 9;
    height: auto;
}
}
#HomeVideoSection {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
#HomeVideoSection .text_image {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: auto;
}
@media (min-width: 1280px) {
#HomeVideoSection .text_image {
    top: 0px;
    left: 6rem;
}
}
#HomeVideoSection .text_image {
  z-index: 20;
  height: 90vh;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
#HomeVideoSection .text_image {
    height: 100%;
}
}
#HomeVideoSection .text_image {
  opacity: 0.4;
}
@media (min-width: 768px) {
#HomeVideoSection .text_image {
    opacity: 0.8;
}
}
#HomeVideoSection .dot_cover {
  background-image: url(/img/dot.fb72a32a.webp);
  background-repeat: repeat;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}
#HomeVideoSection iframe {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 0;
}
@media (min-width: 768px) {
#HomeVideoSection iframe {
    left: 0px;
}
}
#HomeVideoSection iframe {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#HomeVideoSection iframe {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#HomeVideoSection iframe {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
#HomeVideoSection iframe {
    width: calc(100vh / 9 * 16);
}
}
#HomeCarouselSection {
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
#HomeCarouselSection {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
}
#HomeCarouselSection .main_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/* right box */
#HomeCarouselSection .right_box {
  width: 100%;
}
@media (min-width: 768px) {
#HomeCarouselSection .right_box {
    width: 50%;
    padding-left: 1.25rem;
}
}
@media (min-width: 1280px) {
#HomeCarouselSection .right_box {
    padding-left: 2.5rem;
}
}
@media (min-width: 1536px) {
#HomeCarouselSection .right_box {
    padding-right: 2.5rem;
}
}
#HomeCarouselSection .right_box .sub_title {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeCarouselSection .right_box .sub_title {
    font-size: 1.5rem;
    line-height: 2rem;
}
}
#HomeCarouselSection .right_box .sub_title .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#HomeCarouselSection .right_box .title {
  margin-bottom: 2.5rem;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeCarouselSection .right_box .title {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
#HomeCarouselSection .right_box .title span {
  display: block;
}
#HomeCarouselSection .right_box .content {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeCarouselSection .right_box .content {
    font-size: 1rem;
    line-height: 1.5rem;
}
}

/* left box */
#HomeCarouselSection .left_box {
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 768px) {
#HomeCarouselSection .left_box {
    margin-bottom: 0px;
    width: 50%;
    padding-right: 1.25rem;
}
}
@media (min-width: 1280px) {
#HomeCarouselSection .left_box {
    padding-right: 2.5rem;
}
}
@media (min-width: 1536px) {
#HomeCarouselSection .left_box {
    padding-left: 2.5rem;
}
}

/* progress_box */
#HomeCarouselSection .progress_box {
  position: absolute;
  right: 1.25rem;
  bottom: 0.75rem;
  z-index: 10;
}
@media (min-width: 768px) {
#HomeCarouselSection .progress_box {
    top: 50%;
    bottom: auto;
    right: -3.5rem;
}
}
#HomeCarouselSection .progress_box {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#HomeCarouselSection .progress_box {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#HomeCarouselSection .progress_box {
  display: flex;
  align-items: center;
  transform-origin: top;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#HomeCarouselSection .progress_box {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#HomeCarouselSection .progress_box p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeCarouselSection .progress_box p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
#HomeCarouselSection .progress_box p {
  display: block;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#HomeCarouselSection .progress_box p {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}
#HomeCarouselSection .progress_box span {
  position: relative;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: block;
  height: 1.5px;
  width: 10rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#HomeCarouselSection .progress_box span i {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  transform-origin: left;
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* carousel_container */
#HomeCarouselSection .carousel_container {
  position: relative;
  overflow: hidden;
}

/* carousel box */
#HomeCarouselSection .carousel_box {
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: stretch;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
#HomeCarouselSection .carousel_box {
    border-radius: 1.5rem;
}
}
#HomeCarouselSection .carousel_box li {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  flex-shrink: 0;
}
#HomeCarouselSection .carousel_box li a,
#HomeCarouselSection .carousel_box li div {
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

/* background box */
#HomeCarouselSection .background_box {
  background-position-x: right;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.05;
}
#HomeCarouselSection .background_box img {
  margin-left: auto;
  height: 100%;
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
#HomeMainServiceSection {
  position: relative;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#HomeMainServiceSection .main_container::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 0;
  width: 50%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
}
#HomeMainServiceSection .main_container {
  position: relative;
  z-index: 10;
}
#HomeMainServiceSection .section_bg_line {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  display: block;
  height: 1px;
}
@media (min-width: 768px) {
#HomeMainServiceSection .section_bg_line {
    top: 5rem;
}
}
#HomeMainServiceSection .section_bg_line {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0.05;
}
#HomeMainServiceSection .section_bg_line:nth-of-type(2) {
  top: auto;
  bottom: 5rem;
}

/* header */
#HomeMainServiceSection header {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#HomeMainServiceSection header {
    margin-bottom: 2.5rem;
}
}
#HomeMainServiceSection header .title_box .section_title {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#HomeMainServiceSection header .title_box .section_sub_title {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
#HomeMainServiceSection .image_container {
  position: relative;
  z-index: 10;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  overflow: hidden;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}
}
#HomeMainServiceSection .image_wrapper {
  position: relative;
  aspect-ratio: 1.5/1;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_wrapper {
    aspect-ratio: 2.5/1;
}
}
#HomeMainServiceSection .image_container .image_box {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#HomeMainServiceSection .image_container .image_box > div:nth-of-type(1) {
  display: none;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container .image_box > div:nth-of-type(1) {
    display: block;
}
}
#HomeMainServiceSection .image_container .image_box > div:nth-of-type(2) {
  display: block;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container .image_box > div:nth-of-type(2) {
    display: none;
}
}
#HomeMainServiceSection .image_container .image_box div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
#HomeMainServiceSection .image_container .image_box img {
  height: 100%;
  width: 100%;
  max-width: 999999px;
  -o-object-fit: cover;
     object-fit: cover;
}
#HomeMainServiceSection .image_container .content_box {
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container .content_box {
    width: 80%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
@media (min-width: 1024px) {
#HomeMainServiceSection .image_container .content_box {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
}
#HomeMainServiceSection .image_container .content_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-translate-y: -2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (max-width: 768px) {
#HomeMainServiceSection .image_container .content_box {
    width: calc(100% - 20px);
}
}
#HomeMainServiceSection .image_container .content_box .text_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#HomeMainServiceSection .image_container .content_box .text_box h4 {
  position: relative;
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
#HomeMainServiceSection .image_container .content_box .text_box p {
  position: relative;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container .content_box .text_box p {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#HomeMainServiceSection .image_container .content_box .text_box h4 .cover,
#HomeMainServiceSection .image_container .content_box .text_box p .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#HomeMainServiceSection .image_container .content_box .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2rem;
}
@media (min-width: 768px) {
#HomeMainServiceSection .image_container .content_box .button_box {
    width: auto;
    justify-content: center;
}
}
@media (min-width: 1024px) {
#HomeMainServiceSection .image_container .content_box .button_box {
    padding-top: 0px;
}
}
#HomeMainServiceSection
  .image_container
  .content_box
  .button_box
  .section_button {
  width: 14rem;
}
#HomeProductSection {
  position: relative;
  z-index: 10;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#HomeProductSection .section_container .main_container {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/* header */
#HomeProductSection header {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#HomeProductSection header {
    margin-bottom: 2.5rem;
}
}
#HomeProductSection header .title_box .section_title {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#HomeProductSection header .title_box .section_sub_title {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* product list */
#HomeProductSection .product_list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
@media (min-width: 768px) {
#HomeProductSection .product_list {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#HomeProductSection .product_list li {
  position: relative;
  margin-bottom: 0.5rem;
  width: 50%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 1024px) {
#HomeProductSection .product_list li {
    margin-bottom: 0px;
    width: 25%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
#HomeProductSection .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
#HomeProductSection .button_box {
    justify-content: flex-end;
}
}
#HomeNewsListSection {
  position: relative;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#HomeNewsListSection .main_container {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

/* header */
#HomeNewsListSection header {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#HomeNewsListSection header {
    margin-bottom: 2.5rem;
}
}
#HomeNewsListSection header .title_box .section_title {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#HomeNewsListSection header .title_box .section_sub_title {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* news list */
#HomeNewsListSection .news_list {
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
}
@media (min-width: 1024px) {
#HomeNewsListSection .news_list {
    flex-wrap: nowrap;
}
}
#HomeNewsListSection .news_list li {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
#HomeNewsListSection .news_list li {
    width: 50%;
}
}
@media (min-width: 1024px) {
#HomeNewsListSection .news_list li {
    width: 33.333333%;
}
}
#HomeNewsListSection .news_list li {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#HomeNewsListSection .news_list li a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  /* @apply border-zinc-300 md:border-r; */
}
@media (min-width: 768px) {
#HomeNewsListSection .news_list li a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
#HomeNewsListSection .news_list li:nth-of-type(1) a {
  /* @apply border-zinc-300 md:border-l; */
}
#HomeNewsListSection .news_list li:nth-of-type(3) a {
  /* @apply border-zinc-300 lg:border-l-0 md:border-l; */
}

/* image_container */
#HomeNewsListSection .news_list li a .image_container {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-left: 2.5rem;
}
#HomeNewsListSection .news_list li a .image_container span {
  position: absolute;
  top: 0px;
  left: 1.5rem;
  z-index: 10;
  display: block;
}
@media (min-width: 768px) {
#HomeNewsListSection .news_list li a .image_container span {
    left: 0.5rem;
}
}
#HomeNewsListSection .news_list li a .image_container span {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
  transform-origin: top left;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#HomeNewsListSection .news_list li a .image_box {
  position: relative;
  z-index: 0;
  aspect-ratio: 1 / 1;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
#HomeNewsListSection .news_list li a .image_box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
#HomeNewsListSection .news_list li a .text_box {
  position: relative;
  z-index: 10;
  width: 100%;
  flex: 1 1 0%;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
  padding-left: 2.5rem;
}
#HomeNewsListSection .news_list li a .text_box h4 {
  flex: 1 1 0%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
#HomeNewsListSection .news_list li a .text_box p {
  display: inline-flex;
  align-items: center;
  /* @apply px-4 py-[8px];
  @apply rounded-full bg-primary; */
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#HomeNewsListSection .news_list li a:hover .image_box img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* button_box */
#HomeNewsListSection .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
#HomeNewsListSection .button_box {
    justify-content: flex-end;
}
}

/* background_box */
#HomeNewsListSection .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-size: cover;
  opacity: 0.05;
}
#HomeMainProductSection {
  height: calc(100vh - 75px);
  position: relative;
  z-index: 20;
  width: 100%;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
#HomeMainProductSection {
    height: calc(100vh - 62px);
}
}

/* product_tab */
#HomeMainProductSection .product_tab {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
#HomeMainProductSection .product_tab li {
  position: relative;
  z-index: 10;
  width: 33.333333%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}
#HomeMainProductSection .product_tab li:nth-last-of-type(1) {
  border-right-width: 0px;
}
#HomeMainProductSection .product_tab li p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  mix-blend-mode: color-burn;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_tab li p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}
}
#HomeMainProductSection .product_tab li span {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  mix-blend-mode: exclusion;
}

/* product_card */
#HomeMainProductSection .product_card {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#HomeMainProductSection .product_card .text_box {
  position: relative;
  z-index: 10;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .text_box {
    width: 60%;
}
}
@media (min-width: 1024px) {
#HomeMainProductSection .product_card .text_box {
    width: 40%;
}
}
#HomeMainProductSection .product_card .text_box .sub_title {
  font-weight: 700;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .text_box .sub_title {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
}
#HomeMainProductSection .product_card .text_box .title {
  margin-bottom: 2.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .text_box .title {
    font-size: 3.75rem;
    line-height: 1;
}
}
#HomeMainProductSection .product_card .text_box .content {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1.625;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .text_box .content {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#HomeMainProductSection .button_box .section_button {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#HomeMainProductSection .button_box .section_button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#HomeMainProductSection .button_box .section_button {
  width: 16rem;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
#HomeMainProductSection .product_card .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  overflow: hidden;
}
#HomeMainProductSection .product_card .background_box img {
  position: relative;
  height: 100%;
  width: 100vw;
  max-width: 9999999px;
  -o-object-fit: cover;
     object-fit: cover;
}
#HomeMainProductSection .product_card .background_box img:nth-of-type(1) {
  display: none;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .background_box img:nth-of-type(1) {
    display: block;
}
}
#HomeMainProductSection .product_card .background_box img:nth-of-type(2) {
  display: block;
  -o-object-position: bottom;
     object-position: bottom;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .background_box img:nth-of-type(2) {
    display: none;
}
}
#HomeMainProductSection .product_card .background_box .background_cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
}
@media (min-width: 768px) {
#HomeMainProductSection .product_card .background_box .background_cover {
    --tw-bg-opacity: 0.7;
}
}
#HomeMarqueeSection {
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
#HomeMarqueeSection .marquee_box {
  animation: marquee 20s linear infinite;
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  justify-content: flex-start;
}
#HomeMarqueeSection .marquee_box .image_box {
  position: relative;
  width: 20rem;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#HomeMarqueeSection .marquee_box .image_box::after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#HomeMarqueeSection .marquee_box .image_box:hover {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#HomeMarqueeSection .marquee_box .image_box:hover::after {
  opacity: 0;
}
@keyframes marquee {
0% {
    transform: translateX(0%);
}
100% {
    transform: translateX(-100%);
}
}

/* about */
#AboutCoverSection {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  position: relative;
  height: 100vh;
  width: 100%;
}
@media (min-width: 768px) {
#AboutCoverSection {
    aspect-ratio: 16 / 9;
    height: auto;
}
}
#AboutCoverSection .image_container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: none;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 768px) {
#AboutCoverSection .image_container {
    display: flex;
}
}
#AboutCoverSection .image_container .image_box {
  display: flex;
  height: 100%;
  align-items: flex-end;
}
#AboutCoverSection .image_container .image_box img {
  display: block;
  height: 100%;
  opacity: 0.1;
}
#AboutCoverSection .image_container .image_box:nth-of-type(2) img {
  margin-left: 2rem;
  display: block;
  height: 80%;
}
#AboutCoverSection .title_image_box {
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: 5rem;
  z-index: 10;
}
@media (min-width: 768px) {
#AboutCoverSection .title_image_box {
    top: 0px;
}
}
#AboutCoverSection .title_image_box img {
  display: block;
  height: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
#AboutCoverSection .title_image_box img {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
}

/* background_box */
#AboutCoverSection .background_box {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#AboutCoverSection .background_box img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100vw;
  max-width: 99999px;
  -o-object-fit: cover;
     object-fit: cover;
}
#AboutCoverSection .background_box img:nth-of-type(1) {
  display: none;
}
@media (min-width: 768px) {
#AboutCoverSection .background_box img:nth-of-type(1) {
    display: block;
}
}
#AboutCoverSection .background_box img:nth-of-type(2) {
  display: block;
}
@media (min-width: 768px) {
#AboutCoverSection .background_box img:nth-of-type(2) {
    display: none;
}
}
#AboutIntroSection {
  position: relative;
  width: 100%;
}
#AboutIntroSection header {
  position: relative;
}
#AboutIntroSection header .background_box {
  background-size: cover;
  background-repeat: no-repeat;
  opacity: .03;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
}
#AboutIntroSection header .main_container {
  position: relative;
  z-index: 10;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
#AboutIntroSection header .main_container {
    padding-top: 10rem;
    padding-bottom: 10rem;
    text-align: center;
}
}
#AboutIntroSection header .image_box {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 20rem;
}
#AboutIntroSection header .editor_content {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 768px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}

/* section_container */
#AboutIntroSection article {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#AboutIntroSection article .tag {
  position: absolute;
  left: 0px;
  top: 1.25rem;
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#AboutIntroSection article .tag .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#AboutIntroSection article .tag i {
  margin-right: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: currentColor;
}
#AboutIntroSection article .text_box {
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 1024px) {
#AboutIntroSection article .text_box {
    margin-bottom: 0px;
    width: 50%;
    padding-right: 5rem;
}
}
#AboutIntroSection article .text_box h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  margin-bottom: 1.25rem;
}
#AboutIntroSection article .text_box p {
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
#AboutIntroSection article .image_box {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
#AboutIntroSection article .image_box {
    border-radius: 1rem;
}
}
@media (min-width: 1024px) {
#AboutIntroSection article .image_box {
    width: 50%;
}
}
#AboutIntroSection article .image_box img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#AboutIntroSection .background_text {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  opacity: 0.05;
}
#AboutIntroSection .background_text img {
  display: block;
  width: 100%;
}
#AboutCompanyInfoSection {
  position: relative;
  width: 100%;
}
#AboutCompanyInfoSection .parallax_box {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .parallax_box {
    aspect-ratio: 16 / 9;
}
}
#AboutCompanyInfoSection .parallax_box .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: auto 150%;
  background-position-x: center;
}
#AboutCompanyInfoSection .parallax_box .background_box:nth-of-type(1) {
  display: none;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .parallax_box .background_box:nth-of-type(1) {
    display: block;
}
}
#AboutCompanyInfoSection .parallax_box .background_box:nth-of-type(2) {
  display: block;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .parallax_box .background_box:nth-of-type(2) {
    display: none;
}
}
#AboutCompanyInfoSection .main_container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .main_container {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
}
#AboutCompanyInfoSection header {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection header {
    margin-bottom: 2.5rem;
}
}
#AboutCompanyInfoSection header .title_box {
  margin-bottom: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection header .title_box {
    margin-bottom: 0px;
    width: 50%;
}
}
#AboutCompanyInfoSection header .title_box {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#AboutCompanyInfoSection header .title_box p {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection header .title_box p {
    font-size: 3rem;
    line-height: 1;
}
}
#AboutCompanyInfoSection header .title_box p {
  position: relative;
  display: inline-block;
}
#AboutCompanyInfoSection header .title_box h2 {
  overflow: hidden;
  font-weight: 700;
  position: relative;
  display: inline-block;
}
#AboutCompanyInfoSection header .title_box h2 span {
  display: block;
}
#AboutCompanyInfoSection header .title_box p .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* info list */
#AboutCompanyInfoSection .info_list {
  width: 100%;
}
#AboutCompanyInfoSection .info_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .info_list li {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
}
#AboutCompanyInfoSection .info_list li {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#AboutCompanyInfoSection .info_list li:nth-last-of-type(1) {
  border-bottom-width: 1px;
}
#AboutCompanyInfoSection .info_list li h3 {
  margin-bottom: 0.5rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .info_list li h3 {
    margin-bottom: 0px;
    width: 13rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#AboutCompanyInfoSection .info_list li h3 {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .info_list li h3 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
}
#AboutCompanyInfoSection .info_list li p {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#AboutCompanyInfoSection .info_list li p {
    flex: 1 1 0%;
}
}

/* product list */
#ProductListPage .page_container > .main_container {
  position: relative;
  z-index: 10;
  display: flex;
  max-width: 999999px;
  flex-wrap: wrap;
  align-items: stretch;
  padding-bottom: 5rem;
}
@media (min-width: 1536px) {
#ProductListPage .page_container > .main_container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
#ProductListPage .page_container > .main_container {
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
#ProductListPage .page_container > .main_container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
#ProductListCoverSection {
  position: relative;
  height: 500px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
#ProductListCoverSection .background_box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 500px;
  width: 100vw;
}
#ProductListCoverSection .background_box.pc {
  display: none;
}
@media (min-width: 768px) {
#ProductListCoverSection .background_box.pc {
    display: block;
}
}
#ProductListCoverSection .background_box.mb {
  display: block;
}
@media (min-width: 768px) {
#ProductListCoverSection .background_box.mb {
    display: none;
}
}
#ProductListCoverSection .background_box div {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}
@media (min-width: 768px) {
#ProductListCoverSection .background_box div {
    --tw-bg-opacity: 0.3;
}
}
#ProductListCoverSection .section_container {
  position: relative;
  z-index: 10;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#ProductListCoverSection .section_container .title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ProductListCoverSection .section_container .title {
    font-size: 3.75rem;
    line-height: 1;
}
}
#ProductListCoverSection .section_container .sub_title {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ProductListCoverSection .section_container .sub_title {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#ProductListCoverSection .section_container .content {
  width: 100%;
  max-width: 28rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#ProductListCategorySection {
  position: relative;
  display: none;
  width: 18rem;
  padding-right: 1.25rem;
}
@media (min-width: 1280px) {
#ProductListCategorySection {
    display: block;
}
}
@media (min-width: 1536px) {
#ProductListCategorySection {
    width: 340px;
}
}
#ProductListCategorySection .title_box {
  margin-bottom: 1.25rem;
  width: 100%;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductListCategorySection .title_box p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
#ProductListCategorySection .title_box p {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
}
#ProductListCategorySection .title_box h2 {
  align-self: flex-end;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
#ProductListCategorySection .title_box h2 {
    font-size: 1rem;
    line-height: 1.5rem;
}
}

/* menu_list */
#ProductListCategorySection .menu_list li a {
  position: relative;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
#ProductListCategorySection .menu_list li a p {
  position: relative;
  display: block;
}
#ProductListCategorySection .menu_list li a.active p {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* #ProductListCategorySection .menu_list li a p::after {
  content: "";
  @apply absolute bottom-0 left-0 right-0 z-[-1] h-2 bg-transparent;
}
#ProductListCategorySection .menu_list li a.active p::after {
  @apply bg-primary;
} */
#ProductListCategorySection .menu_list li a i {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: block;
  height: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
#ProductListCategorySection .menu_list li a.active i {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#ProductListCategorySection .menu_list li a span {
  display: block;
  overflow: hidden;
}
#ProductListCategorySection .menu_list li a.active span {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductListCategorySection .menu_list li a span::before {
  display: block;
}
#ProductListCategorySection .menu_list li a:hover i {
  animation: scroll_line 1s infinite;
}
#ProductListCategorySection .menu_list li a:hover span::before {
  animation: link_arrow 1s infinite;
}
#ProductListProductSection {
  position: relative;
  flex: 1 1 0%;
  padding-bottom: 1.25rem;
}
#ProductListProductSection .section_container {
  position: relative;
  margin-bottom: 1.25rem;
  padding-top: 0.5rem;
}
@media (min-width: 640px) {
#ProductListProductSection .section_container {
    padding-top: 1rem;
}
}
@media (min-width: 768px) {
#ProductListProductSection .section_container {
    padding-top: 1.25rem;
}
}
@media (min-width: 1024px) {
#ProductListProductSection .section_container {
    padding-top: 0px;
}
}

/* product list */
#ProductListProductSection .product_list {
  position: relative;
  z-index: 10;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {
#ProductListProductSection .product_list {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#ProductListProductSection .product_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#ProductListProductSection .product_list li {
  position: relative;
  margin-bottom: 0.5rem;
  width: 50%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 768px) {
#ProductListProductSection .product_list li {
    margin-bottom: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media (min-width: 1024px) {
#ProductListProductSection .product_list li {
    width: 33.333333%;
}
}
@media (min-width: 1536px) {
#ProductListProductSection .product_list li {
    width: 25%;
}
}
#ProductListProductSection .timer_box {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 768px) {
#ProductListProductSection .timer_box {
    padding-left: 0px;
    padding-right: 0px;
}
}

/* #ProductListProductSection .product_list li {
  @apply flex-shrink-0 w-1/2 px-2 pb-2 mb-2 sm:mb-4 md:pb-0 md:mb-10 sm:px-4 md:px-5 lg:pr-0 lg:pl-6 md:w-1/3 2xl:pl-10 2xl:w-1/4;
  @apply transition-all duration-300;
}
#ProductListProductSection .product_list li a {
  @apply flex flex-col h-full;
}
#ProductListProductSection .product_list li a .image_box {
  @apply relative w-full mb-2 overflow-hidden bg-white;
}
#ProductListProductSection .product_list li a .image_box img {
  @apply object-cover w-full aspect-square max-w-[999999px];
  @apply transition-all duration-300 transform;
}
#ProductListProductSection .product_list li a .text_box {
  @apply relative flex flex-col items-start flex-1 lg:pr-12;
}
#ProductListProductSection .product_list li a .text_box .link_button {
  @apply absolute right-0 z-10 -top-2;
  @apply items-center justify-center hidden lg:flex;
  @apply w-10 h-10 text-white bg-black;
}
#ProductListProductSection .product_list li a .text_box .link_button span {
  @apply block overflow-hidden;
}
#ProductListProductSection
  .product_list
  li
  a
  .text_box
  .link_button
  span::before {
  @apply block;
}
#ProductListProductSection .product_list li a .text_box h4 {
  @apply relative inline-block mb-2 text-sm font-medium lg:font-bold lg:text-base;
}
#ProductListProductSection .product_list li a .text_box p {
  @apply relative inline-block text-xs font-medium md:text-sm;
}
#ProductListProductSection .product_list li a .text_box p .discount_price {
  @apply mr-2 text-xs text-gray-500 line-through;
}
#ProductListProductSection .product_list li a .text_box h4 .cover,
#ProductListProductSection .product_list li a .text_box p .cover {
  @apply absolute top-0 bottom-0 left-0 right-0 z-10 bg-black;
}

#ProductListProductSection .product_list li a:hover .image_box img {
  @apply scale-110;
}
#ProductListProductSection
  .product_list
  li
  a:hover
  .text_box
  .link_button
  span::before {
  animation: link_arrow 1s infinite;
} */
#ProductListFilterSection {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 768px) {
#ProductListFilterSection {
    padding-left: 0px;
    padding-right: 0px;
}
}
@media (min-width: 1024px) {
#ProductListFilterSection {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
}
#ProductListFilterSection .category_block {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
#ProductListFilterSection .category_block {
    margin-bottom: 0px;
    width: 18rem;
}
}
@media (min-width: 1536px) {
#ProductListFilterSection .category_block {
    width: 340px;
}
}
#ProductListFilterSection .category_block .breadcrumb_box {
  position: relative;
  display: inline-block;
}
#ProductListFilterSection .category_block .breadcrumb_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 30;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#ProductListFilterSection .section_container {
  width: 100%;
}
@media (min-width: 1024px) {
#ProductListFilterSection .section_container {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    width: auto;
}
}
#ProductListFilterSection .section_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
#ProductListFilterSection .section_container {
    flex: 1 1 0%;
}
}

/* text_box */
#ProductListFilterSection .text_box {
  position: relative;
  order: 3;
  width: 100%;
}
@media (min-width: 1024px) {
#ProductListFilterSection .text_box {
    order: 0;
    width: 33.333333%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media (min-width: 1536px) {
#ProductListFilterSection .text_box {
    width: 25%;
}
}
#ProductListFilterSection .text_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#ProductListFilterSection .text_box input {
  width: 100%;
  padding: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
#ProductListFilterSection .text_box input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#ProductListFilterSection .text_box input {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* select_box */
#ProductListFilterSection .select_box {
  position: relative;
  margin-bottom: 0.5rem;
  width: 50%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {
#ProductListFilterSection .select_box {
    margin-bottom: 0.75rem;
}
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box {
    margin-bottom: 0px;
    width: 33.333333%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media (min-width: 1536px) {
#ProductListFilterSection .select_box {
    width: 25%;
}
}
#ProductListFilterSection .select_box.category {
  display: block;
  padding-left: 0px;
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box.category {
    display: none;
}
}
#ProductListFilterSection .select_box:not(.category) {
  padding-right: 0px;
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box:not(.category) {
    padding-right: 0.75rem;
}
}
#ProductListFilterSection .select_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0.5rem;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box .cover {
    left: 0.75rem;
    right: 0.75rem;
}
}
#ProductListFilterSection .select_box:not(.category) .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0.5rem;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box:not(.category) .cover {
    left: 0.75rem;
    right: 0.75rem;
}
}
#ProductListFilterSection .select_box select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.75rem;
}
#ProductListFilterSection .select_box select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#ProductListFilterSection .select_box select {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductListFilterSection .select_box span {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductListFilterSection .select_box:not(.category) span {
  right: 0.75rem;
}
@media (min-width: 1024px) {
#ProductListFilterSection .select_box:not(.category) span {
    right: 1.5rem;
}
}
#ProductListCard {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#ProductListCard {
    border-radius: 1rem;
}
}
#ProductListCard {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductListCard .image_box {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
}
@media (min-width: 768px) {
#ProductListCard .image_box {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
}
}
#ProductListCard .image_box img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductListCard:hover .image_box img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#ProductListCard .image_box .customize_tag {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 10;
}
@media (min-width: 768px) {
#ProductListCard .image_box .customize_tag {
    top: 1.25rem;
    left: 1.25rem;
}
}
#ProductListCard .image_box .customize_tag {
  border-radius: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ProductListCard .image_box .customize_tag {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
#ProductListCard .info_container {
  display: flex;
  flex: 1 1 0%;
  align-items: stretch;
  justify-content: space-between;
  padding: 0.75rem;
}
@media (min-width: 768px) {
#ProductListCard .info_container {
    padding: 1.25rem;
}
}
#ProductListCard .text_box {
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  flex-direction: column;
}
#ProductListCard .text_box h4 {
  margin-bottom: 0.75rem;
  flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ProductListCard .text_box h4 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}
}
@media (min-width: 1536px) {
#ProductListCard .text_box h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#ProductListCard .text_box .tag {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  --tw-text-opacity: 0.3;
}
@media (min-width: 640px) {
#ProductListCard .text_box .tag {
    font-weight: 700;
}
}
@media (min-width: 768px) {
#ProductListCard .text_box .tag {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#ProductListCard .text_box .tag {
  /* @apply absolute -bottom-3 left-2; */
  /* @apply origin-top-left transform -rotate-90; */
}
#ProductListCard .text_box .price {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
#ProductListCard .text_box .price {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#ProductListCard .button_box {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
}
@media (min-width: 768px) {
#ProductListCard .button_box {
    display: flex;
}
}
#ProductListCard .button_box {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#ProductListCard .button_box span {
  display: block;
  overflow: hidden;
}
#ProductListCard .button_box span::before {
  display: block;
}
#ProductListCard:hover .button_box {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#ProductListCard:hover .button_box span::before {
  animation: link_arrow 1s infinite;
}

/* customize */

/* #ProductListProductSection .product_list li > a.customize {
  @apply bg-primary;
}
#ProductListProductSection .product_list li > a.customize .text_box h4 {
  @apply text-white;
}
#ProductListProductSection .product_list li > a.customize .text_box .tag {
  @apply text-white text-opacity-30;
} */
#ProductListSeriesSection {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#ProductListSeriesSection {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#ProductListSeriesSection .text_box {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 20;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#ProductListSeriesSection .text_box h3 {
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
#ProductListSeriesSection .text_box h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
#ProductListSeriesSection .text_box p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 1024px) {
#ProductListSeriesSection .text_box p {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
}
#ProductListSeriesSection .text_box p {
  margin-left: auto;
  margin-right: auto;
  display: inline;
  text-align: center;
  position: relative;
  padding-right: 2.5rem;
}
#ProductListSeriesSection .text_box p span {
  font-size: 2.25rem;
  line-height: 2.5rem;
  line-height: 1;
  position: absolute;
  right: 0px;
  bottom: -0.5rem;
}
#ProductListSeriesSection .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
}
#ProductListSeriesSection .image_box {
  position: relative;
  aspect-ratio: 3/1;
  width: 100%;
}
@media (min-width: 768px) {
#ProductListSeriesSection .image_box {
    width: 50%;
}
}
@media (min-width: 1024px) {
#ProductListSeriesSection .image_box {
    aspect-ratio: 4/1;
}
}
#ProductListSeriesSection .image_box:nth-of-type(1) {
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
#ProductListSeriesSection .image_box:nth-of-type(1) {
    margin-bottom: 0px;
    padding-right: 0.75rem;
}
}
@media (min-width: 1024px) {
#ProductListSeriesSection .image_box:nth-of-type(1) {
    padding-right: 1.25rem;
}
}
@media (min-width: 768px) {
#ProductListSeriesSection .image_box:nth-of-type(2) {
    padding-left: 0.75rem;
}
}
@media (min-width: 1024px) {
#ProductListSeriesSection .image_box:nth-of-type(2) {
    padding-left: 1.25rem;
}
}
#ProductListSeriesSection .image_box a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
#ProductListSeriesSection .image_box a {
    border-radius: 0.75rem;
}
}
#ProductListSeriesSection .image_box img {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductListSeriesSection .image_box a:hover img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* product */
#ProductPage {
  position: relative;
  width: 100%;
}
#ProductPage .breadcrumb_box {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
#ProductPage .breadcrumb_box {
    padding-top: 5rem;
}
}
#ProductPage > .main_container {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: stretch;
}
#ProductPage > .main_container > .background_box {
  width: calc((100vw - 1536px) / 2);
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#ProductGallerySection {
  width: 100%;
}
@media (min-width: 1024px) {
#ProductGallerySection {
    width: 50%;
}
}
#ProductGallerySection {
  position: relative;
  overflow: hidden;
}
#ProductGallerySection .active_image_box {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
#ProductGallerySection .active_image_box {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
}
#ProductGallerySection .active_image_box {
  border-radius: 1.5rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ProductGallerySection .active_image_box .tag {
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
}
#ProductGallerySection .active_image_box .tag i {
  margin-right: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* #ProductGallerySection::before {
  content: "";
  @apply absolute top-0 left-0 right-0 z-0;
  @apply transform -translate-y-1/2;
  @apply bg-primary;
  @apply rounded-r-full;
} */
#ProductGallerySection .active_image_box .image_list {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
#ProductGallerySection .active_image_box .image_list {
    width: 66.666667%;
}
}
#ProductGallerySection .active_image_box .image_list {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
#ProductGallerySection .active_image_box .image_box {
  width: 100%;
  flex-shrink: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductGallerySection .active_image_box .image_box img {
  display: block;
  width: 100%;
}

/* image_bullet_box */
#ProductGallerySection .image_bullet_box {
  width: 100%;
}
#ProductGallerySection .image_bullet_box .image_list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 640px) {
#ProductGallerySection .image_bullet_box .image_list {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#ProductGallerySection .image_bullet_box .image_box {
  margin-bottom: 0.25rem;
  width: 20%;
  flex-shrink: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 640px) {
#ProductGallerySection .image_bullet_box .image_box {
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
#ProductGallerySection .image_bullet_box .image_box {
    width: 16.6666%;
}
}
@media (min-width: 1536px) {
#ProductGallerySection .image_bullet_box .image_box {
    width: 12.5%;
}
}
#ProductGallerySection .image_bullet_box .image_box button {
  aspect-ratio: 1 / 1;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}
@media (min-width: 768px) {
#ProductGallerySection .image_bullet_box .image_box button:hover {
    --tw-border-opacity: 1;
}
}
#ProductGallerySection .image_bullet_box .image_box button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductGallerySection .image_bullet_box .image_box.active button {
  --tw-border-opacity: 1;
}
#ProductGallerySection .image_bullet_box .image_box.active button img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#ProductInfoSection {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#ProductInfoSection {
    padding-bottom: 5rem;
}
}
@media (min-width: 1024px) {
#ProductInfoSection {
    width: 50%;
    padding-left: 2.5rem;
}
}
#ProductInfoSection .product_title {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ProductInfoSection .product_title {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}

/* tag list */
#ProductInfoSection .tag_list {
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
#ProductInfoSection .tag_list p {
  margin-right: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  opacity: 0.6;
}

/* price box */
#ProductInfoSection .price_box {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#ProductInfoSection .price_box .sell_price_text {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
#ProductInfoSection .price_box .price_text {
  font-weight: 700;
  text-decoration-line: line-through;
  opacity: 0.6;
}

/* option_box */
#ProductInfoSection .option_box {
  margin-bottom: 2rem;
}

/* amount_box */
#ProductInfoSection .amount_box {
  margin-bottom: 2.5rem;
}
#ProductInfoSection .amount_box .amount_text {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  opacity: 0.8;
}
@media (min-width: 768px) {
#ProductInfoSection .amount_box .amount_text {
    margin-bottom: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#ProductInfoSection .amount_box .stock_count_text {
  margin-top: 0.5rem;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* add_cart_button */
#ProductInfoSection .add_cart_button {
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
@media (min-width: 768px) {
#ProductInfoSection .add_cart_button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#ProductInfoSection .add_cart_button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductInfoSection .add_cart_button span {
  margin-right: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

/* share_box */
#ProductInfoSection .share_box {
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#ProductInfoSection .share_box p {
  margin-right: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  opacity: 0.6;
}
#ProductInfoSection .share_box button {
  margin-right: 0.75rem;
  opacity: 0.7;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px) {
#ProductInfoSection .share_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
    opacity: 1;
}
}
#ProductInfoSection .share_box button:nth-of-type(1) span {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#ProductInfoSection .share_box button:nth-of-type(2) span {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#ProductInfoSection .share_box button:nth-of-type(3) span {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* discount_box */
#ProductInfoSection .discount_box {
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
  padding: 1.25rem;
  border-radius: 0.5rem;
}
#ProductInfoSection .discount_box .box_title {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductInfoSection .discount_box ol li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
#ProductInfoSection .discount_box ol li {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
#ProductInfoSection .discount_box ol li span {
  margin-right: 0.75rem;
  font-weight: 700;
}
#ProductInfoSection .discount_box ol li p {
  letter-spacing: 0.05em;
}
#ProductIntroSection {
  position: relative;
  width: 100%;
  padding-bottom: 1.25rem;
}
#ProductIntroSection .title_box {
  margin-bottom: 2.5rem;
  width: 100%;
  overflow: hidden;
}
#ProductIntroSection .title_box .section_title {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductIntroSection .title_box .section_sub_title {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
#ProductIntroSection .base_intro_box {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
#ProductIntroSection .base_intro_box.warning .editor_content {
  border-radius: 0.5rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding: 2.5rem;
}
#ProductRecommendSection {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#ProductRecommendSection .main_container {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding-bottom: 2.5rem;
}

/* header */
#ProductRecommendSection header {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#ProductRecommendSection header {
    margin-bottom: 2.5rem;
}
}
#ProductRecommendSection header .title_box {
  width: 100%;
}
#ProductRecommendSection header .title_box .section_title {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#ProductRecommendSection header .title_box .section_sub_title {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* product list */
#ProductRecommendSection .product_list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
@media (min-width: 768px) {
#ProductRecommendSection .product_list {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#ProductRecommendSection .product_list li {
  position: relative;
  margin-bottom: 0.5rem;
  width: 50%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 1024px) {
#ProductRecommendSection .product_list li {
    margin-bottom: 0px;
    width: 25%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}

/* button_box */
#ProductRecommendSection .main_container > .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
#ProductRecommendSection .main_container > .button_box {
    justify-content: flex-end;
}
}
#ProductCustomGallerySection {
  width: 100%;
}
@media (min-width: 1024px) {
#ProductCustomGallerySection {
    width: 50%;
}
}
#ProductCustomGallerySection {
  position: relative;
  overflow: hidden;
}
#ProductCustomGallerySection .active_image_box {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 768px) {
#ProductCustomGallerySection .active_image_box {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
}
#ProductCustomGallerySection .active_image_box {
  border-radius: 1.5rem;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ProductCustomGallerySection .active_image_box .tag {
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
}
#ProductCustomGallerySection .active_image_box .tag i {
  margin-right: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* #ProductCustomGallerySection::before {
  content: "";
  @apply absolute top-0 left-0 right-0 z-0;
  @apply transform -translate-y-1/2;
  @apply bg-primary;
  @apply rounded-r-full;
} */
#ProductCustomGallerySection .active_image_box .image_list {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
#ProductCustomGallerySection .active_image_box .image_list {
    width: 66.666667%;
}
}
#ProductCustomGallerySection .active_image_box .image_list {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}
#ProductCustomGallerySection .active_image_box .image_box {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
#ProductCustomGallerySection .active_image_box .image_box:nth-last-of-type(1) {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 100%;
}
#ProductCustomGallerySection .active_image_box .image_box img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* image_bullet_box */
#ProductCustomGallerySection .image_bullet_box {
  width: 100%;
}
#ProductCustomGallerySection .image_bullet_box .image_list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 640px) {
#ProductCustomGallerySection .image_bullet_box .image_list {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0px;
    padding-right: 0px;
}
}
#ProductCustomGallerySection .image_bullet_box .image_box {
  margin-bottom: 0.25rem;
  width: 20%;
  flex-shrink: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 640px) {
#ProductCustomGallerySection .image_bullet_box .image_box {
    margin-bottom: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
#ProductCustomGallerySection .image_bullet_box .image_box {
    width: 16.6666%;
}
}
@media (min-width: 1536px) {
#ProductCustomGallerySection .image_bullet_box .image_box {
    width: 12.5%;
}
}
#ProductCustomGallerySection .image_bullet_box .image_box button {
  aspect-ratio: 1 / 1;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}
@media (min-width: 768px) {
#ProductCustomGallerySection .image_bullet_box .image_box button:hover {
    --tw-border-opacity: 1;
}
}
#ProductCustomGallerySection .image_bullet_box .image_box button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ProductCustomGallerySection .image_bullet_box .image_box.active button {
  --tw-border-opacity: 1;
}
#ProductCustomGallerySection .image_bullet_box .image_box button img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#ProductTimerSection {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.6;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#ProductTimerSection .text_box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#ProductTimerSection .title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#ProductTimerSection .time_text {
  margin-right: 0.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#ProductTimerSection .format_text {
  margin-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.6;
}
#ProductTimerSection .format_text:nth-last-of-type(1) {
  margin-right: 0px;
}

/* news list */
#NewsListPage {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
#NewsListHeaderSection {
  position: relative;
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 1024px) {
#NewsListHeaderSection {
    margin-bottom: 0px;
}
}
#NewsListHeaderSection .main_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#NewsListHeaderSection .main_container {
    padding-top: 5rem;
}
}
#NewsListHeaderSection .title_box {
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
#NewsListHeaderSection .title_box {
    width: auto;
}
}
#NewsListHeaderSection .title_box p {
  /* @apply text-4xl font-bold md:text-6xl; */
  position: relative;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#NewsListHeaderSection .title_box h1 {
  /* @apply text-base font-bold md:text-xl; */
  position: relative;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* select box */
#NewsListHeaderSection .option_box {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
#NewsListHeaderSection .option_box {
    width: 500px;
    padding-bottom: 2.5rem;
}
}
#NewsListHeaderSection .option_box .breadcrumb_box {
  margin-bottom: auto;
  display: inline-flex;
  justify-content: flex-end;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
@media (min-width: 768px) {
#NewsListHeaderSection .option_box .breadcrumb_box {
    top: 5rem;
    right: 2.5rem;
}
}
@media (min-width: 1024px) {
#NewsListHeaderSection .option_box .breadcrumb_box {
    position: relative;
    top: 0px;
    right: 0px;
}
}
#NewsListHeaderSection .option_box .breadcrumb_box {
  overflow: hidden;
}
#NewsListHeaderSection .select_container {
  position: relative;
  display: flex;
  align-items: stretch;
}
#NewsListHeaderSection .select_box {
  position: relative;
  width: 50%;
}
#NewsListHeaderSection .select_box:nth-of-type(1) {
  margin-right: 0.5rem;
}
#NewsListHeaderSection .select_box:nth-of-type(2) {
  margin-left: 0.5rem;
}
#NewsListHeaderSection .select_box select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.75rem;
}
#NewsListHeaderSection .select_box select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#NewsListHeaderSection .select_box select {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#NewsListHeaderSection .select_box span {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* cover */
#NewsListHeaderSection .title_box p .cover,
#NewsListHeaderSection .title_box h1 .cover,
#NewsListHeaderSection .select_box .cover,
#NewsListHeaderSection .breadcrumb_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* news list */
#NewsListPostSection .news_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
}
@media (min-width: 768px) {
#NewsListPostSection .news_list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}
}
#NewsListPostSection .news_list li {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
#NewsListPostSection .news_list li {
    width: 50%;
}
}
@media (min-width: 1024px) {
#NewsListPostSection .news_list li {
    width: 33.333333%;
}
}
#NewsListPostSection .news_list li {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#NewsListPostSection .news_list li a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  /* @apply border-zinc-300 md:border-r; */
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#NewsListPostSection .news_list li a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
@media (max-width: 1024px) {
#NewsListPostSection .news_list li:nth-of-type(2n - 1) a {
    /* @apply border-zinc-300 md:border-l; */
}
}
@media (min-width: 1024px) {
#NewsListPostSection .news_list li:nth-of-type(3n + 1) a {
    /* @apply border-zinc-300 md:border-l; */
}
}

/* image_container */
#NewsListPostSection .news_list li a .image_container {
  position: relative;
  z-index: 10;
  width: 100%;
  overflow: hidden;
  padding-left: 2.5rem;
}
#NewsListPostSection .news_list li a .image_container span {
  position: absolute;
  top: 0px;
  left: 1.75rem;
  z-index: 10;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  --tw-text-opacity: 0.2;
  transform-origin: top left;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#NewsListPostSection .news_list li a .image_box {
  position: relative;
  z-index: 0;
  aspect-ratio: 1 / 1;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
#NewsListPostSection .news_list li a .image_box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
#NewsListPostSection .news_list li a .text_box {
  position: relative;
  z-index: 10;
  width: 100%;
  flex: 1 1 0%;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
  padding-left: 2.5rem;
}
#NewsListPostSection .news_list li a .text_box h4 {
  flex: 1 1 0%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
#NewsListPostSection .news_list li a .text_box p {
  display: inline-flex;
  align-items: center;
  /* @apply px-4 py-[8px];
  @apply rounded-full bg-primary; */
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#NewsListPostSection .news_list li a:hover .image_box img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* pager_box */
#NewsListPostSection .pager_box {
  display: flex;
  height: 5rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#NewsListPostSection .pager_box {
    height: 9rem;
}
}
#NewsListPostSection .pager_box {
  /* @apply transform lg:-translate-y-10; */
}

/* news */
#NewsPage {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#NewsPage {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
}
#NewsPage > .main_container .editor_content {
  margin-bottom: 1.25rem;
}
#NewsPage > .main_container .editor_content p {
  font-family: "Noto Sans TC";
  line-height: 1.625;
}

/* footer_box */
#NewsPage > .main_container .footer_box {
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#NewsPage > .main_container .footer_box .section_button {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#NewsPage > .main_container .footer_box .section_button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#NewsPage > .main_container .footer_box .section_button {
  width: 16rem;
}
#NewsPageCoverSection {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
}

/* breadcrumb_box */
#NewsPageCoverSection .breadcrumb_box {
  margin-bottom: 2.5rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#NewsPageCoverSection .breadcrumb_box {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
}
#NewsPageCoverSection header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#NewsPageCoverSection header .title_box {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
#NewsPageCoverSection header .title_box {
    margin-bottom: 0px;
    width: auto;
    flex: 1 1 0%;
}
}
#NewsPageCoverSection header .title_box h1 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#NewsPageCoverSection header .title_box h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
@media (min-width: 1280px) {
#NewsPageCoverSection header .title_box h1 {
    font-size: 3rem;
    line-height: 1;
}
}
#NewsPageCoverSection header .title_box p {
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
#NewsPageCoverSection header .title_box p {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
}
@media (min-width: 1280px) {
#NewsPageCoverSection header .title_box p {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#NewsPageCoverSection header .title_box p {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}
#NewsPageCoverSection header .title_box p i {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: block;
  height: 1px;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
}
#NewsPageCoverSection header .title_box p span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#NewsPageCoverSection header .title_box p span {
    font-size: 1rem;
    line-height: 1.5rem;
}
}

/* share_box */
#NewsPageCoverSection header .share_box {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
}
@media (min-width: 1024px) {
#NewsPageCoverSection header .share_box {
    margin-left: 0px;
}
}
#NewsPageCoverSection header .share_box {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#NewsPageCoverSection header .share_box p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#NewsPageCoverSection header .share_box button {
  margin-left: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 768px) {
#NewsPageCoverSection header .share_box button:hover {
    opacity: 0.5;
}
}
#NewsPageCoverSection header .share_box button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* video list */
#VideoListPage {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
#VideoListHeaderSection {
  position: relative;
  margin-bottom: 2.5rem;
  width: 100%;
}
@media (min-width: 1024px) {
#VideoListHeaderSection {
    margin-bottom: 0px;
}
}
#VideoListHeaderSection .main_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#VideoListHeaderSection .main_container {
    padding-top: 5rem;
}
}
#VideoListHeaderSection .title_box {
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
#VideoListHeaderSection .title_box {
    width: auto;
}
}
#VideoListHeaderSection .title_box p {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#VideoListHeaderSection .title_box p {
    font-size: 3.75rem;
    line-height: 1;
}
}
#VideoListHeaderSection .title_box p {
  position: relative;
  overflow: hidden;
}
#VideoListHeaderSection .title_box h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#VideoListHeaderSection .title_box h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#VideoListHeaderSection .title_box h1 {
  position: relative;
  overflow: hidden;
}

/* select box */
#VideoListHeaderSection .option_box {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
#VideoListHeaderSection .option_box {
    width: 500px;
    padding-bottom: 2.5rem;
}
}
#VideoListHeaderSection .option_box .breadcrumb_box {
  margin-bottom: auto;
  display: inline-flex;
  justify-content: flex-end;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
@media (min-width: 768px) {
#VideoListHeaderSection .option_box .breadcrumb_box {
    top: 5rem;
    right: 2.5rem;
}
}
@media (min-width: 1024px) {
#VideoListHeaderSection .option_box .breadcrumb_box {
    position: relative;
    top: 0px;
    right: 0px;
}
}
#VideoListHeaderSection .option_box .breadcrumb_box {
  overflow: hidden;
}
#VideoListHeaderSection .select_container {
  position: relative;
  display: flex;
  align-items: stretch;
}
#VideoListHeaderSection .select_box {
  position: relative;
  width: 50%;
}
#VideoListHeaderSection .select_box:nth-of-type(1) {
  margin-right: 0.5rem;
}
#VideoListHeaderSection .select_box:nth-of-type(2) {
  margin-left: 0.5rem;
}
#VideoListHeaderSection .select_box select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.75rem;
}
#VideoListHeaderSection .select_box select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#VideoListHeaderSection .select_box select {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#VideoListHeaderSection .select_box span {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* cover */
#VideoListHeaderSection .title_box p .cover,
#VideoListHeaderSection .title_box h1 .cover,
#VideoListHeaderSection .select_box .cover,
#VideoListHeaderSection .breadcrumb_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* news list */
#VideoListPostSection .news_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
}
@media (min-width: 768px) {
#VideoListPostSection .news_list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}
}
#VideoListPostSection .news_list li {
  margin-bottom: 2.5rem;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
#VideoListPostSection .news_list li {
    width: 50%;
}
}
#VideoListPostSection .news_list li {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#VideoListPostSection .news_list li a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 768px) {
#VideoListPostSection .news_list li a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}

/* image_container */
#VideoListPostSection .news_list li a .image_box {
  position: relative;
  z-index: 0;
  aspect-ratio: 16 / 9;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.5rem;
}
#VideoListPostSection .news_list li a .image_box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
#VideoListPostSection .news_list li a .text_box {
  position: relative;
  z-index: 10;
  margin-top: 1.25rem;
  width: 100%;
  flex: 1 1 0%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#VideoListPostSection .news_list li a .text_box h4 {
  flex: 1 1 0%;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}
#VideoListPostSection .news_list li a .text_box p {
  display: inline-flex;
  align-items: center;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#VideoListPostSection .news_list li a .text_box .content_box {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
#VideoListPostSection .news_list li a:hover .image_box img {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* pager_box */
#VideoListPostSection .pager_box {
  display: flex;
  height: 5rem;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#VideoListPostSection .pager_box {
    height: 9rem;
}
}
#VideoListPostSection .pager_box {
  /* @apply transform lg:-translate-y-10; */
}

/* video */
#VideoPage {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#VideoPage {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
}
#VideoPage > .main_container .editor_content {
  margin-bottom: 1.25rem;
}

/* footer_box */
#VideoPage > .main_container .footer_box {
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#VideoPage > .main_container .footer_box .section_button {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#VideoPage > .main_container .footer_box .section_button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#VideoPage > .main_container .footer_box .section_button {
  width: 16rem;
}

/* video box */
#VideoPage .video_box {
  margin-bottom: 1.25rem;
  aspect-ratio: 16 / 9;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

/* contact */
#ContactPage {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
#ContactPage {
    padding-top: 5rem;
}
}
#ContactPageCoverSection {
  position: relative;
  margin-bottom: 2.5rem;
  width: 100%;
}

/* breadcrumb_box */
#ContactPageCoverSection .breadcrumb_box {
  margin-bottom: 2.5rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
}
#ContactPageCoverSection header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
#ContactPageCoverSection header .title_box {
  margin-bottom: 1.25rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
#ContactPageCoverSection header .title_box {
    margin-bottom: 0px;
    width: auto;
    flex: 1 1 0%;
}
}
#ContactPageCoverSection header .title_box p {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#ContactPageCoverSection header .title_box p {
    margin-bottom: 0.5rem;
    font-size: 3.75rem;
    line-height: 1;
}
}
#ContactPageCoverSection header .title_box h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#ContactPageCoverSection header .title_box h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#ContactPageFormSection {
  position: relative;
  width: 100%;
  padding-bottom: 5rem;
}
#ContactPageFormSection form .form_group {
  margin-bottom: 2.5rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#ContactPageFormSection form .form_group .title_box {
  margin-bottom: 1.25rem;
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#ContactPageFormSection form .form_group .title_box {
    margin-bottom: 0px;
    width: 33.333333%;
}
}
#ContactPageFormSection form .form_group .title_box p {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 768px) {
#ContactPageFormSection form .form_group .title_box p {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#ContactPageFormSection form .form_group .input_box {
  width: 100%;
}
@media (min-width: 768px) {
#ContactPageFormSection form .form_group .input_box {
    width: 66.666667%;
}
}
#ContactPageFormSection form .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#ContactPageFormSection form .button_box button {
  position: relative;
  display: flex;
  width: 16rem;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#ContactPageFormSection form .button_box button {
    font-size: 1rem;
    line-height: 1.5rem;
}
#ContactPageFormSection form .button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#ContactPageFormSection form .button_box button {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#ContactPageFormSection form .button_box button:hover {
    background-color: transparent;
}
}
#ContactPageFormSection form .button_box button {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#ContactPageFormSection form .button_box button span {
  display: block;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 2.25rem;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#ContactPageFormSection form .button_box > button span::before {
  display: block;
}
#ContactPageFormSection form .button_box > button:hover span::before {
  animation: link_arrow 1s infinite;
}

/* checkout */
#CheckoutPage {
  position: relative;
  width: 100%;
  padding-top: 0px;
}
#CheckoutPage .breadcrumb_box {
  margin-bottom: 0px;
  width: 100%;
  padding-top: 2.5rem;
}
#CheckoutPage .page_container {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
#CheckoutPage .page_container .section_container:nth-of-type(1) {
  width: 100%;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#CheckoutPage .page_container .section_container:nth-of-type(1) {
    width: 66.666667%;
    padding-right: 1.25rem;
}
}
#CheckoutPage .page_container .section_container:nth-of-type(2) {
  z-index: 0;
}
@media (min-width: 768px) {
#CheckoutPage .page_container .section_container:nth-of-type(2) {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
}
}
#CheckoutPage .page_container .section_container:nth-of-type(2) {
  width: 100%;
  padding-top: 2rem;
}
@media (min-width: 768px) {
#CheckoutPage .page_container .section_container:nth-of-type(2) {
    width: 33.333333%;
    padding-top: 72px;
}
}

/* trade discount box */
#CheckoutTradeDiscountBox {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#CheckoutTradeDiscountBox .title_box {
  display: block;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutTradeDiscountBox .title_box {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
#CheckoutTradeDiscountBox .title_box h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
#CheckoutTradeDiscountBox .content_box {
  padding: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutTradeDiscountBox .content_box {
    padding: 2rem;
}
}

/* form card */
#CheckoutPage .form_section {
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#CheckoutPage .form_section .title_box {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutPage .form_section .title_box {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
#CheckoutPage .form_section .title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#CheckoutPage .form_section .title_box h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
#CheckoutPage .form_section .title_box p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.6;
}
#CheckoutPage .form_section .title_box p a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
#CheckoutPage .form_section .title_box .button_box {
  display: flex;
  align-items: center;
}
#CheckoutPage .form_section .title_box .button_box button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutPage .form_section .title_box .button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutPage .form_section .title_box .button_box button {
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
}
@media (min-width: 768px) {
#CheckoutPage .form_section .title_box .button_box button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
}
#CheckoutPage .form_section .title_box .button_box button {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#CheckoutPage .form_section .title_box .button_box button:nth-of-type(2) {
  margin-left: 0.75rem;
}
#CheckoutPage .form_section .content_box {
  padding: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutPage .form_section .content_box {
    padding: 2rem;
}
}
#CheckoutShopCartList {
  position: relative;
  width: 100%;
}
#CheckoutShopCartList .title_box {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: flex-end;
}
#CheckoutShopCartList .title_box h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
#CheckoutShopCartList .title_box p {
  margin-left: 0.5rem;
  font-weight: 500;
}

/* card list */
#CheckoutShopCartList .card_list {
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  padding: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutShopCartList .card_list {
    padding: 1.5rem;
}
}
#CheckoutShopCartList .card_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
#CheckoutShopCartList .card_list li:nth-last-of-type(1) {
  margin-bottom: 0px;
  border-bottom-width: 0px;
}
#CheckoutProductCard {
  position: relative;
  width: 100%;
}

/* product_box */
#CheckoutProductCard .product_box {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
#CheckoutProductCard .product_box .image_box {
  position: relative;
  width: 5rem;
  flex-shrink: 0;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  aspect-ratio: 1 / 1;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#CheckoutProductCard .product_box .image_box .amount_box {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  height: 1.25rem;
  width: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  text-align: center;
  --tw-translate-x: 0.25rem;
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#CheckoutProductCard .product_box .image_box .amount_box span {
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#CheckoutProductCard .product_box .image_box img {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* info box */
#CheckoutProductCard .info_box {
  padding-left: 1.25rem;
}
#CheckoutProductCard .info_box .title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}
#CheckoutProductCard .info_box .option_text {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* price box */
#CheckoutProductCard .price_box {
  margin-top: 0.5rem;
  text-align: right;
}
#CheckoutProductCard .price_box .price {
  margin-right: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}
#CheckoutProductCard .price_box .sell_price {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

/* discount box */
#CheckoutProductCard .discount_box {
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
}
#CheckoutProductCard .discount_box .label {
  margin-right: 0.5rem;
  display: inline-block;
  flex-shrink: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#CheckoutProductCard .discount_box .label.disable {
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}
#CheckoutProductCard .discount_box .title {
  margin-bottom: 0.25rem;
  padding-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
#CheckoutProductCard .discount_box .title span {
  font-weight: 500;
}
#CheckoutProductCard .discount_box a {
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
#CheckoutFormSection {
  width: 100%;
  padding-top: 1.25rem;
}
#CheckoutFormSection .section_title {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
#CheckoutFormSection .form_section .error_message {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

/* form_group */
#CheckoutFormSection .form_section .form_group_container {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 1.25rem;
}
@media (min-width: 768px) {
#CheckoutFormSection .form_section .form_group_container {
    padding: 2rem;
}
}
#CheckoutFormSection .form_section .form_group {
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
#CheckoutFormSection .form_section .form_group {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
}
#CheckoutFormSection .form_section .form_group.half {
  width: 100%;
}
@media (min-width: 768px) {
#CheckoutFormSection .form_section .form_group.half {
    width: 50%;
}
}
#CheckoutFormSection .form_section .form_group_container:last-child {
  margin-bottom: 0px;
}
#CheckoutFormSection .form_section .form_group .title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
#CheckoutFormSection .form_section .form_group.with_button {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
#CheckoutFormSection .form_section .form_group.with_button button {
  margin-left: 1.25rem;
  flex-shrink: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutFormSection .form_section .form_group.with_button button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutFormSection .form_section .form_group.with_button button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* checkbox */
#CheckoutFormSection .checkbox {
  display: flex;
  align-items: center;
}
#CheckoutFormSection .checkbox span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}
#CheckoutFormSection .checkbox span i {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: transparent;
}
#CheckoutFormSection .checkbox span i.active {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
#CheckoutFormSection .checkbox p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}

/* coupon box */
#CheckoutFormSection .coupon_box {
  margin-top: 2rem;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#CheckoutFormSection .coupon_box .coupon_card {
  width: 100%;
  padding: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
  border-radius: 0.5rem;
}
#CheckoutFormSection .coupon_box .coupon_card .sub_title {
  font-size: 0.75rem;
  line-height: 1rem;
}
#CheckoutFormSection .coupon_box .coupon_card .title {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* shop info box */
#CheckoutFormSection .shop_info_box {
  position: relative;
  margin-top: 0.75rem;
}
#CheckoutFormSection .shop_info_box .content {
  position: relative;
  z-index: 0;
  margin-bottom: 0.75rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutFormSection .shop_info_box .content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
}
@media (min-width: 1024px) {
#CheckoutFormSection .shop_info_box .content {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
}
#CheckoutFormSection .shop_info_box .content {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
}
#CheckoutFormSection .shop_info_box .content:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#CheckoutFormSection .shop_info_box .button_box {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
#CheckoutFormSection .shop_info_box .button_box button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutFormSection .shop_info_box .button_box button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutFormSection .shop_info_box .button_box button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* payment box */
#CheckoutFormSection .payment_box {
  padding: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutFormSection .payment_box {
    padding: 2rem;
}
}
#CheckoutFormSection .payment_box ol {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
#CheckoutFormSection .payment_box ol li {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
#CheckoutFormSection .payment_box ol li {
    width: 50%;
}
}
#CheckoutFormSection .payment_box ol li label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#CheckoutFormSection .payment_box ol li label .icon_box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  opacity: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#CheckoutFormSection .payment_box ol li label.active {
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  outline-style: solid;
  outline-color: #006177;
}
#CheckoutFormSection .payment_box ol li label.active span {
  font-weight: 700;
}
#CheckoutFormSection .payment_box ol li label.active .icon_box {
  opacity: 1;
}

/* atm box */
#CheckoutFormSection .atm_card {
  margin-bottom: 0.75rem;
  width: 100%;
  padding: 1.25rem;
}
@media (min-width: 768px) {
#CheckoutFormSection .atm_card {
    width: 50%;
}
}
#CheckoutFormSection .atm_card {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
#CheckoutFormSection .atm_card p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#CheckoutFormSection .atm_card h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
#CheckoutFormSection .warning_card {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* installment box */
#CheckoutPriceInfo {
  margin-bottom: 1.5rem;
  width: 100%;
  padding: 2rem;
}
#CheckoutPriceInfo ol {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
#CheckoutPriceInfo ol li,
#CheckoutPriceInfo .total_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#CheckoutPriceInfo ol li:nth-of-type(1) {
  margin-top: 0px;
  margin-bottom: 0.75rem;
}

/* total_box */
#CheckoutPriceInfo .total_box p:nth-of-type(1) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
#CheckoutPriceInfo .total_box p:nth-of-type(2) {
  font-weight: 700;
}
#CheckoutPriceInfo .total_box p:nth-of-type(2) span {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

/* button box */
#CheckoutPriceInfo .button_box {
  width: 100%;
  padding-top: 1.25rem;
}
#CheckoutPriceInfo .button_box button {
  margin-bottom: 1.25rem;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#CheckoutPriceInfo .button_box button {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
}
#CheckoutPriceInfo .button_box button {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutPriceInfo .button_box button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutPriceInfo .button_box button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#CheckoutPriceInfo .button_box p {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
#CheckoutPriceInfo .button_box p a {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
#CheckoutDiscountInfo {
  margin-bottom: 1.25rem;
  width: 100%;
}
#CheckoutDiscountInfo:nth-last-of-type(1) {
  margin-bottom: 0px;
}
#CheckoutDiscountInfo .discount_type_title {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* active_list */
#CheckoutDiscountInfo .active_list li {
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#CheckoutDiscountInfo .active_list li .title {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#CheckoutDiscountInfo .active_list li .title span {
  margin-right: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-radius: 0.125rem;
}
#CheckoutDiscountInfo .active_list li button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutDiscountInfo .active_list li button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutDiscountInfo .active_list li button {
  border-radius: 0.125rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

/* not_active_list */
#CheckoutDiscountInfo .not_active_list > .title {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
#CheckoutDiscountInfo .not_active_list ol {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
#CheckoutDiscountInfo .not_active_list ol li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}
#CheckoutDiscountInfo .not_active_list ol li:nth-last-of-type(1) {
  margin-bottom: 0px;
  border-bottom-width: 0px;
}
#CheckoutDiscountInfo .not_active_list ol li .title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#CheckoutDiscountInfo .not_active_list ol li .price {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}
#CheckoutDiscountInfo .not_active_list ol li .category_box {
  margin-bottom: 0.25rem;
}
#CheckoutDiscountInfo .not_active_list ol li .category_box p {
  font-size: 0.75rem;
  line-height: 1rem;
}
#CheckoutDiscountInfo .not_active_list ol li .category_box a {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
#CheckoutDiscountInfo .not_active_list ol li button {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutDiscountInfo .not_active_list ol li button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutDiscountInfo .not_active_list ol li button {
  border-radius: 0.125rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#CheckoutAddressDialog {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 100%;
  z-index: 40;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#CheckoutAddressDialog .background_box {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
#CheckoutAddressDialog .dialog_box {
  background-image: url(/img/bg_0.0988bce8.png);
  background-size: 180px;
  position: relative;
  z-index: 10;
  max-height: 100vh;
  width: 91.666667%;
  max-width: 42rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#CheckoutAddressDialog .dialog_box .title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#CheckoutAddressDialog .dialog_box .address_list {
  flex: 1 1 0%;
  overflow-y: auto;
}
#CheckoutAddressDialog .dialog_box .address_list ol li {
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px) {
#CheckoutAddressDialog .dialog_box .address_list ol li:hover {
    --tw-border-opacity: 1;
}
}
#CheckoutAddressDialog .dialog_box .address_list ol li.active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#CheckoutAddressDialog .dialog_box .address_list ol li p:nth-of-type(1) {
  font-weight: 700;
}
@media (min-width: 768px) {
#CheckoutAddressDialog .dialog_box .address_list ol li p:nth-of-type(1) {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
}
#CheckoutAddressDialog .dialog_box .address_list ol li p:nth-of-type(2) {
  margin-bottom: 0.5rem;
}
#CheckoutAddressDialog .dialog_box .address_list ol li p:nth-of-type(3) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#CheckoutAddressDialog .dialog_box .button_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#CheckoutAddressDialog .dialog_box .button_box button {
  margin-left: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutAddressDialog .dialog_box .button_box button:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#CheckoutAddressDialog .dialog_box .button_box button {
  border-radius: 0.375rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#CheckoutAddressDialog .dialog_box .button_box button:nth-of-type(1) {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#CheckoutAddressDialog .dialog_box .button_box button:nth-of-type(1):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}

/* tradeFinish */
#TradeFinishPage {
  position: relative;
  z-index: 10;
  width: 100%;
}
#TradeFinishPage > .main_container {
  width: 100%;
  padding-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

/* section_container */
#TradeFinishPage .section_container {
  width: 100%;
}
@media (min-width: 768px) {
#TradeFinishPage .section_container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
@media (min-width: 1024px) {
#TradeFinishPage .section_container:nth-of-type(1) {
    width: 60%;
}
}
#TradeFinishPage .section_container:nth-of-type(2) {
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
#TradeFinishPage .section_container:nth-of-type(2) {
    width: 40%;
}
}
#TradeFinishPage .section_container:nth-of-type(3) {
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
#TradeFinishPage .section_container:nth-of-type(3) {
    width: 60%;
}
}
#TradeFinishPage .section_container:nth-of-type(3) {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
#TradeFinishPage .section_container:nth-of-type(3) {
    flex-direction: row;
}
}

/* header */
#TradeFinishPage header .trade_number {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#TradeFinishPage header .title {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#TradeFinishPage header .content {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#TradeFinishPage header .content a {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

/* form card */
#TradeFinishPage .form_section {
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#TradeFinishPage .form_section .title_box {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#TradeFinishPage .form_section .title_box {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
#TradeFinishPage .form_section .title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#TradeFinishPage .form_section .title_box h4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}
#TradeFinishPage .form_section .content_box {
  padding: 1.25rem;
}
@media (min-width: 768px) {
#TradeFinishPage .form_section .content_box {
    padding: 2rem;
}
}
#TradeFinishPage .form_section .content_box ol {
  width: 100%;
}
#TradeFinishPage .form_section .content_box ol li {
  align-items: flex-start;
  justify-content: space-between;
}
@media (min-width: 768px) {
#TradeFinishPage .form_section .content_box ol li {
    display: flex;
}
}
#TradeFinishPage .form_section .content_box ol li {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#TradeFinishPage .form_section .content_box ol li {
    margin-bottom: 0.75rem;
}
}
#TradeFinishPage .form_section .content_box ol li p:nth-of-type(1) {
  margin-bottom: 0.5rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
#TradeFinishPage .form_section .content_box ol li p:nth-of-type(1) {
    margin-right: 2.5rem;
    margin-bottom: 0px;
}
}
#TradeFinishPage .form_section .content_box ol li p:nth-of-type(1) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#TradeFinishPage .form_section .content_box ol li p:nth-of-type(2) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

/* shop cart list */
#TradeFinishPage .shop_cart_list {
  margin-bottom: 2.5rem;
  width: 100%;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
#TradeFinishPage .shop_cart_list > li {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
}
#TradeFinishPage .shop_cart_list > li:nth-last-of-type(1) {
  margin-bottom: 0px;
  border-bottom-width: 0px;
}

/* discount list */
#TradeFinishPage .discount_list {
  margin-bottom: 0.5rem;
  width: 100%;
}
#TradeFinishPage .discount_list .discount__box {
  margin-right: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
}
#TradeFinishPage .discount_list .discount__box p {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  display: inline-block;
  flex-shrink: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* coupon box */
#TradeFinishPage .coupon_box {
  margin-bottom: 1.25rem;
  width: 100%;
  padding: 1.25rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.7;
}
#TradeFinishPage .coupon_box .sub_title {
  font-size: 0.75rem;
  line-height: 1rem;
}
#TradeFinishPage .coupon_box .title {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* price price_list_box */
#TradeFinishPage .price_list_box {
  margin-bottom: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}
#TradeFinishPage .price_list_box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#TradeFinishPage .price_list_box li p:nth-of-type(2) {
  font-weight: 500;
}

/* total price */
#TradeFinishPage .total_price_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#TradeFinishPage .total_price_box p:nth-of-type(1) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
#TradeFinishPage .total_price_box p:nth-of-type(2) {
  font-weight: 600;
}
#TradeFinishPage .total_price_box p:nth-of-type(2) span {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

/* footer */
#TradeFinishPage .section_container:nth-of-type(3) p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#TradeFinishPage .section_container:nth-of-type(3) p a {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}
#TradeFinishPage .section_container:nth-of-type(3) > a {
  margin-bottom: 1.25rem;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 768px) {
#TradeFinishPage .section_container:nth-of-type(3) > a {
    margin-bottom: 0px;
    width: auto;
}
}
#TradeFinishPage .section_container:nth-of-type(3) > a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#TradeFinishPage .section_container:nth-of-type(3) > a:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#TradeFinishPage .section_container:nth-of-type(3) > a {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#TradeFinishProductCard {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

/* image */
#TradeFinishProductCard .image_box {
  position: relative;
  width: 5rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  aspect-ratio: 1 / 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#TradeFinishProductCard .image_box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* content */
#TradeFinishProductCard .content_box {
  width: 100%;
  flex: 1 1 0%;
  padding-left: 0.75rem;
}
#TradeFinishProductCard .content_box .title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#TradeFinishProductCard .content_box .option_text {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}

/* discount */
#TradeFinishProductCard .discount_box {
  width: 100%;
  padding-top: 0.5rem;
}
#TradeFinishProductCard .discount_box li {
  margin-bottom: 0.25rem;
  display: block;
}
#TradeFinishProductCard .discount_box li p {
  margin-right: 0.5rem;
  display: inline-block;
  flex-shrink: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* price */
#TradeFinishProductCard .price_box {
  margin-top: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
#TradeFinishProductCard .price_box {
    margin-top: 0px;
    width: auto;
}
}
#TradeFinishProductCard .price_box p {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* login */
#LoginPage {
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media (min-width: 768px) {
#LoginPage {
    min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
}
}
#LoginPage {
  display: flex;
  align-items: center;
  justify-content: center;
}
#LoginPage > .main_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#LoginPage > .main_container > .section_container {
  width: 100%;
  max-width: 32rem;
}
#LoginPage > .main_container > .section_container > .sub_title {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > .sub_title {
    margin-bottom: 0.5rem;
    font-size: 3.75rem;
    line-height: 1;
}
}
#LoginPage > .main_container > .section_container > .title {
  margin-bottom: 2.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > .title {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}

/* form */
#LoginPage > .main_container > .section_container > form {
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > form {
    padding: 2rem;
}
}
#LoginPage > .main_container > .section_container > form {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#LoginPage > .main_container > .section_container > form .form_group {
  margin-bottom: 1.25rem;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#LoginPage > .main_container > .section_container > form .form_group.half {
  width: 100%;
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > form .form_group.half {
    width: 50%;
}
}
#LoginPage
  > .main_container
  > .section_container
  > form
  .form_group
  .title_box
  p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#LoginPage > .main_container > .section_container > form .button_box {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#LoginPage > .main_container > .section_container > form .button_box button {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > form .button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#LoginPage > .main_container > .section_container > form .button_box button {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#LoginPage > .main_container > .section_container > form .button_box button:hover {
    background-color: transparent;
}
}
#LoginPage > .main_container > .section_container > form .button_box button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#LoginPage
  > .main_container
  > .section_container
  > form
  .button_box
  button
  span {
  display: block;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 2.25rem;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#LoginPage
  > .main_container
  > .section_container
  > form
  .button_box
  button
  span::before {
  display: block;
}
#LoginPage
  > .main_container
  > .section_container
  > form
  .button_box
  button:hover
  span::before {
  animation: link_arrow 1s infinite;
}

/* link box */
#LoginPage > .main_container > .section_container > .link_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#LoginPage > .main_container > .section_container > .link_box a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

/* member center */
#MemberCenterPage {
  position: relative;
  width: 100%;
  padding-top: 5rem;
}

/* page_header */
#MemberCenterPage .page_header {
  position: relative;
  z-index: 10;
  width: 100%;
}
#MemberCenterPage .page_header .main_container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  padding-bottom: 1.25rem;
}
#MemberCenterPage .page_header h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MemberCenterPage .page_header h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
#MemberCenterPage .page_header button {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: transparent;
}
@media (min-width: 768px) {
#MemberCenterPage .page_header button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
}
#MemberCenterPage .page_header button {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MemberCenterPage .page_header button:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#MemberCenterPage .page_header button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* page_container */
#MemberCenterPage .page_container {
  position: relative;
  z-index: 10;
  width: 100%;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .main_container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
}
#MemberCenterPage .page_container .menu_list {
  width: 100%;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list {
    width: 20%;
    padding-top: 1.25rem;
    padding-bottom: 5rem;
    padding-right: 1.25rem;
}
}
#MemberCenterPage .page_container .menu_list ol {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol {
    display: block;
}
}
#MemberCenterPage .page_container .menu_list ol li {
  width: 50%;
}
@media (min-width: 640px) {
#MemberCenterPage .page_container .menu_list ol li {
    width: 25%;
}
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li {
    width: 100%;
}
}
#MemberCenterPage .page_container .menu_list ol li {
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
}
}
#MemberCenterPage .page_container .menu_list ol li:nth-last-of-type(1) {
  border-right-width: 0px;
}
#MemberCenterPage .page_container .menu_list ol li a {
  position: relative;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li a {
    justify-content: space-between;
}
}
#MemberCenterPage .page_container .menu_list ol li a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li a {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#MemberCenterPage .page_container .menu_list ol li a span {
  display: none;
  overflow: hidden;
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li a span {
    display: block;
}
}
#MemberCenterPage .page_container .menu_list ol li a span::before {
  display: block;
}
#MemberCenterPage .page_container .menu_list ol li a i {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  height: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MemberCenterPage .page_container .menu_list ol li a i {
    display: block;
}
}
#MemberCenterPage .page_container .menu_list ol li a:hover span::before {
  animation: link_arrow 1s infinite;
}
#MemberCenterPage .page_container .menu_list ol li a:hover i {
  animation: scroll_line 1s infinite;
}

/* page_box */
#MemberCenterPage .page_box {
  width: 100%;
}
@media (min-width: 640px) {
#MemberCenterPage .page_box {
    padding: 1.25rem;
}
}
@media (min-width: 768px) {
#MemberCenterPage .page_box {
    width: 80%;
}
}
#MemberCenterPage {
  width: 100%;
}
#MemberCenterPage .form_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 1.25rem;
}
#MemberCenterPage .form_container .form_group {
  margin-bottom: 1.25rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
#MemberCenterPage .form_container .form_group.half {
    width: 50%;
}
}
#MemberCenterPage .form_container .form_group .title_box p {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#MemberCenterPage .form_container .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
}
#MemberCenterPage .form_container .button_box button {
  display: inline-block;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MemberCenterPage .form_container .button_box button:hover {
    background-color: transparent;
}
}
#MemberCenterPage .form_container .button_box button {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MemberCenterPage .form_container .button_box button:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#MemberCenterPage .form_container .button_box button {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#MemberCenterTradeList {
  width: 100%;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#MemberCenterTradeList {
    padding: 1.25rem;
}
}
#MemberCenterTradeList .trade_card {
  margin-bottom: 1.25rem;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  overflow: hidden;
  border-radius: 0.5rem;
}
#MemberCenterTradeList .trade_card .card_header {
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#MemberCenterTradeList .trade_card .card_header p:nth-of-type(2) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#MemberCenterTradeList .trade_card .card_body {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  padding: 1.25rem;
}
#MemberCenterTradeList .trade_card .card_body p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  width: 50%;
}
#MemberCenterTradeList .trade_card .card_body .button_box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
#MemberCenterTradeList .trade_card .card_body .button_box a {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MemberCenterTradeList .trade_card .card_body .button_box a:hover {
    background-color: transparent;
}
}
#MemberCenterTradeList .trade_card .card_body .button_box a {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MemberCenterTradeList .trade_card .card_body .button_box a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#MemberCenterTradeList .trade_card .card_body .button_box a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
#MemberCenterTradeDetail {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

/* section_card */
#MemberCenterTradeDetail .section_card {
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 768px) {
#MemberCenterTradeDetail .section_card {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
#MemberCenterTradeDetail .section_card {
  display: flex;
  flex-direction: column;
}
#MemberCenterTradeDetail .section_card.half {
  width: 100%;
}
@media (min-width: 768px) {
#MemberCenterTradeDetail .section_card.half {
    width: 50%;
}
}
#MemberCenterTradeDetail .section_card .card_header {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#MemberCenterTradeDetail .section_card .card_body {
  flex: 1 1 0%;
  overflow: hidden;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 1.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}

/* product_list */
#MemberCenterTradeDetail .product_list li {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#MemberCenterTradeDetail .product_list li:nth-last-of-type(1) {
  border-bottom-width: 0px;
}

/* discount_box */
#MemberCenterTradeDetail .discount_box li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#MemberCenterTradeDetail .discount_box li:nth-last-of-type(1) {
  margin-bottom: 1.25rem;
}
#MemberCenterTradeDetail .discount_box li .tag {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
#MemberCenterTradeDetail .discount_box li p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* price_box */
#MemberCenterTradeDetail .price_box li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#MemberCenterTradeDetail .price_box li p:nth-of-type(2) {
  width: 8rem;
  text-align: right;
}

/* info_list */
#MemberCenterTradeDetail .info_list li {
  display: flex;
  align-items: center;
  padding-bottom: 0.25rem;
}
#MemberCenterTradeDetail .info_list li p:nth-of-type(1) {
  width: 5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#MemberCenterTradeDetail .info_list li p:nth-of-type(2) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}
#MemberCenterProductCard {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* info box */
#MemberCenterProductCard .info_box {
  margin-bottom: 0.75rem;
  width: 100%;
}
@media (min-width: 768px) {
#MemberCenterProductCard .info_box {
    margin-bottom: 0px;
    flex: 1 1 0%;
}
}
#MemberCenterProductCard .info_box .title {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
@media (min-width: 640px) {
#MemberCenterProductCard .info_box .title {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#MemberCenterProductCard .info_box .title span {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 640px) {
#MemberCenterProductCard .info_box .title span {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
#MemberCenterProductCard .info_box .option_text {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
#MemberCenterProductCard .info_box .option_text span {
  margin-right: 0.5rem;
}

/* price box */
#MemberCenterProductCard .price_box .original_price {
  text-align: right;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}
#MemberCenterProductCard .price_box .sell_price {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

/* discount_box */
#MemberCenterProductCard .discount_box {
  margin-top: 0.75rem;
  width: 100%;
}
#MemberCenterProductCard .discount_box p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
#MemberCenterProductCard .discount_box p .tag {
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  margin-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}
#MemberCenterAddressEdit {
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#MemberCenterAddressEdit {
    padding-top: 0px;
}
}
#MemberCenterAddressEdit .button_box {
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
#MemberCenterAddressEdit .button_box button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
#MemberCenterAddressEdit .button_box button {
    background-color: transparent;
}
}
#MemberCenterAddressEdit .button_box button {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-radius: 0.375rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MemberCenterAddressEdit .button_box button.create_button:hover {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
#MemberCenterAddressEdit .button_box button span {
  display: block;
  padding-left: 0.75rem;
}

/* edit_card */
#MemberCenterAddressEdit .edit_card {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
}
#MemberCenterAddressEdit .edit_card .button_box {
  margin-bottom: 0px;
}

/* card list */
#MemberCenterAddressEdit .address_card_list .card .card_container {
  margin-bottom: 1.25rem;
  width: 100%;
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MemberCenterAddressEdit .address_card_list .card .edit_container {
  margin-bottom: 1.25rem;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#MemberCenterAddressEdit .address_card_list .card .card_content {
  margin-bottom: 0.75rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#MemberCenterAddressEdit .address_card_list .card .card_content {
    width: 20%;
}
#MemberCenterAddressEdit .address_card_list .card .card_content:nth-of-type(3) {
    width: 60%;
}
}
#MemberCenterAddressEdit .address_card_list .card .card_content .title_box {
  font-size: 0.75rem;
  line-height: 1rem;
}
#MemberCenterAddressEdit .address_card_list .card .button_box {
  margin-bottom: 0px;
}
#MemberCenterAddressEdit .address_card_list .card .button_box button,
#MemberCenterAddressEdit .edit_card .button_box button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#MemberCenterAddressEdit
  .address_card_list
  .card
  .button_box
  button:nth-of-type(1),
#MemberCenterAddressEdit .edit_card .button_box button:nth-of-type(1) {
  margin-right: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#MemberCenterAddressEdit
  .address_card_list
  .card
  .button_box
  button:nth-of-type(1):hover,
#MemberCenterAddressEdit .edit_card .button_box button:nth-of-type(1):hover {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#MemberCenterAddressEdit
  .address_card_list
  .card
  .button_box
  button:nth-of-type(2):hover,
#MemberCenterAddressEdit .edit_card .button_box button:nth-of-type(2):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* notFoundPage */
#NotFoundPage {
  position: relative;
  width: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#NotFoundPage .section_container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 768px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
#NotFoundPage .section_container {
    padding-left: 0px;
    padding-right: 0px;
}
}

/* image_box */
#NotFoundPage .section_container .image_box {
  width: 100%;
}
#NotFoundPage .section_container .image_box img {
  display: block;
  width: 100%;
}

/* content box */
#NotFoundPage .section_container .content_box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}
@media (min-width: 768px) {
#NotFoundPage .section_container .content_box {
    flex-wrap: nowrap;
}
}
#NotFoundPage .section_container .content_box .text_box {
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
#NotFoundPage .section_container .content_box .text_box {
    margin-bottom: 0px;
}
}
#NotFoundPage .section_container .content_box .text_box h4 {
  margin-bottom: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
#NotFoundPage .section_container .content_box .text_box p {
  font-weight: 700;
}
#NotFoundPage .section_container .content_box .text_box p a {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#NotFoundPage .section_container .content_box .button_box a {
  position: relative;
  display: flex;
  width: 13rem;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#NotFoundPage .section_container .content_box .button_box a {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
#NotFoundPage .section_container .content_box .button_box a:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
}
#NotFoundPage .section_container .content_box .button_box a {
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
}
@media (min-width: 768px) {
#NotFoundPage .section_container .content_box .button_box a:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}
}
#NotFoundPage .section_container .content_box .button_box a {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
#NotFoundPage .section_container .content_box a span {
  display: block;
  overflow: hidden;
  font-size: 1.875rem;
  line-height: 2.25rem;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#NotFoundPage .section_container .content_box > a span::before {
  display: block;
}
#NotFoundPage .section_container .content_box > a:hover span::before {
  animation: link_arrow 1s infinite;
}

/* termsPage */
#TermsPage {
  position: relative;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
#TermsPage header {
  width: 100%;
}
#TermsPage header .main_container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
#TermsPage header .main_container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
}
#TermsPage header .main_container {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#TermsPage header h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
#TermsPage header h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
}
@media (min-width: 768px) {
#TermsPage header h1 {
    font-size: 3rem;
    line-height: 1;
}
}
#TermsPage header h1 {
  margin-bottom: 0.5rem;
}
#TermsPage header p {
  font-weight: 500;
}

/* section container */
#TermsPage .section_container {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 5rem;
}
#TermsPage .section_container .content_box p {
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
#TermsPage .section_container .button_box {
  display: flex;
  justify-content: center;
}

/* dealerListPage */
#DealerListPage {
  position: relative;
  width: 100%;
}
#DealerListPage .area_section {
  margin-bottom: 2.5rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 1024px) {
#DealerListPage .area_section {
    margin-bottom: 5rem;
}
}
#DealerListPage .area_section {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
}
#DealerListPage .area_section .title_box {
  width: 6rem;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1024px) {
#DealerListPage .area_section .title_box {
    width: 15rem;
}
}
#DealerListPage .area_section .title_box h3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
@media (min-width: 1024px) {
#DealerListPage .area_section .title_box h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}

/* shop_list */
#DealerListPage .area_section .shop_list {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: stretch;
}
#DealerListPage .area_section .shop_list li {
  margin-bottom: 2.5rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 1024px) {
#DealerListPage .area_section .shop_list li {
    margin-bottom: 5rem;
    width: 50%;
}
}
@media (min-width: 1280px) {
#DealerListPage .area_section .shop_list li {
    width: 33.333333%;
}
}
#DealerListPage .area_section .shop_list li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#DealerListPage .area_section .shop_list li .title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
#DealerListPage .area_section .shop_list li .title {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#DealerListPage .area_section .shop_list li .address {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#DealerListPage .area_section .shop_list li .phone {
  margin-bottom: 0.75rem;
  flex: 1 1 0%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#DealerListPage .area_section .shop_list li a {
  display: inline-block;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
#DealerListPage .area_section .shop_list li a {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
#DealerListPage .area_section .shop_list li a {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
@media (min-width: 768px) {
#DealerListPage .area_section .shop_list li a:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 97 119 / var(--tw-text-opacity));
}
}
#DealerListHeaderSection {
  position: relative;
  margin-bottom: 2.5rem;
  width: 100%;
}
#DealerListHeaderSection .main_container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
#DealerListHeaderSection .main_container {
    padding-top: 5rem;
}
}
#DealerListHeaderSection .title_box {
  width: 100%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {
#DealerListHeaderSection .title_box {
    width: auto;
}
}
#DealerListHeaderSection .title_box p {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#DealerListHeaderSection .title_box p {
    font-size: 3.75rem;
    line-height: 1;
}
}
#DealerListHeaderSection .title_box p {
  position: relative;
  overflow: hidden;
}
#DealerListHeaderSection .title_box h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
@media (min-width: 768px) {
#DealerListHeaderSection .title_box h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
}
#DealerListHeaderSection .title_box h1 {
  position: relative;
  overflow: hidden;
}

/* select box */
#DealerListHeaderSection .option_box {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1024px) {
#DealerListHeaderSection .option_box {
    width: 500px;
    padding-bottom: 2.5rem;
}
}
#DealerListHeaderSection .option_box .breadcrumb_box {
  margin-bottom: auto;
  display: inline-flex;
  justify-content: flex-end;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
}
@media (min-width: 768px) {
#DealerListHeaderSection .option_box .breadcrumb_box {
    top: 5rem;
    right: 2.5rem;
}
}
@media (min-width: 1024px) {
#DealerListHeaderSection .option_box .breadcrumb_box {
    position: relative;
    top: 0px;
    right: 0px;
}
}
#DealerListHeaderSection .option_box .breadcrumb_box {
  overflow: hidden;
}
#DealerListHeaderSection .select_container {
  position: relative;
  display: flex;
  align-items: stretch;
}
#DealerListHeaderSection .select_box {
  position: relative;
  width: 50%;
}
#DealerListHeaderSection .select_box:nth-of-type(1) {
  margin-right: 0.5rem;
}
#DealerListHeaderSection .select_box:nth-of-type(2) {
  margin-left: 0.5rem;
}
#DealerListHeaderSection .select_box select,
#DealerListHeaderSection .select_box input {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.75rem;
}
#DealerListHeaderSection .select_box select:focus,
#DealerListHeaderSection .select_box input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
#DealerListHeaderSection .select_box select,
#DealerListHeaderSection .select_box input {
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  background-color: transparent;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#DealerListHeaderSection .select_box span {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}

/* cover */
#DealerListHeaderSection .title_box p .cover,
#DealerListHeaderSection .title_box h1 .cover,
#DealerListHeaderSection .select_box .cover,
#DealerListHeaderSection .breadcrumb_box .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
}

/* event page */
#EventPage {
  position: relative;
  width: 100%;
  padding-top: 2.5rem;
}
#EventPage .event_cover_box {
  position: relative;
  margin-bottom: 1.25rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
#EventPage .event_cover_box img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
}
#EventPage .event_cover_box .cover {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
#EventPage .event_cover_box .cover p {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
  border-radius: 9999px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#EventPage .timer_box {
  margin-bottom: 2.5rem;
}
#EventPage .intro_box {
  margin-bottom: 2.5rem;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 97 119 / var(--tw-border-opacity));
  padding-bottom: 2.5rem;
}
#EventPage .intro_box .title_box {
  margin-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
#EventPage .intro_box .title_box .title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
#EventPage .intro_box .title_box .title {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
}
#EventPage .intro_box .title_box .sub_title {
  align-self: flex-end;
  font-weight: 700;
}
#EventPage .intro_box .product_list {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) {
#EventPage .intro_box .product_list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
}
}
#EventPage .intro_box .product_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
#EventPage .intro_box .product_list li {
  position: relative;
  margin-bottom: 1rem;
  width: 50%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 768px) {
#EventPage .intro_box .product_list li {
    margin-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}
@media (min-width: 1024px) {
#EventPage .intro_box .product_list li {
    width: 33.333333%;
}
}
#EventPage .intro_box .product_list li .cover {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0.5rem;
  right: 0.5rem;
  z-index: 20;
}
@media (min-width: 768px) {
#EventPage .intro_box .product_list li .cover {
    left: 1.25rem;
    right: 1.25rem;
}
}
#EventPage .intro_box .product_list li .cover {
  border-radius: 0.75rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#EventPage .intro_box .product_list li .cover p {
  --tw-bg-opacity: 1;
  background-color: rgb(0 97 119 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 768px) {
#EventPage .intro_box .product_list li .cover p {
    font-size: 1rem;
    line-height: 1.5rem;
}
}
#EventPage .intro_box .product_list li .cover p {
  border-radius: 9999px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
#EventPage .intro_box .product_list li .cover p {
    padding-left: 2rem;
    padding-right: 2rem;
}
}

/* ! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}
::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
.absolute {
  position: absolute;
}
.left-0 {
  left: 0px;
}
.top-0 {
  top: 0px;
}
.z-0 {
  z-index: 0;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.flex {
  display: flex;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.text-center {
  text-align: center;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-current {
  color: currentColor;
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(0 97 119 / var(--tw-text-opacity));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(182 176 111 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
* {
  font-family: "Goldman", "Noto Sans TC";
}
html,
body {
  width: 100%;
}
#app {
  background-image: url(/img/bg_0.0988bce8.png);
  background-size: 180px;
  position: relative;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#MainPageContainer {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  width: 100%;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}
.main_container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1536px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
.main_container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
}
@media (min-width: 1536px) {
.main_container {
    padding-left: 0px;
    padding-right: 0px;
}
}
.upright {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}
.two-lines {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
main {
  flex: 1 1 0%;
}
main .page_container {
  position: relative;
  z-index: 10;
  width: 100%;
  background-image: url(/img/bg_0.0988bce8.png);
  background-size: 180px;
}
.lazyImageContainer {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
.lazyImageContainer .placeholder {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}
@keyframes link_arrow {
0% {
    transform: translateX(0%);
}
50% {
    transform: translateX(100%);
}
51% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(0%);
}
}
@keyframes scroll_line {
0% {
    transform: scaleX(0);
    transform-origin: left;
}
50% {
    transform: scaleX(1);
    transform-origin: left;
}
51% {
    transform: scaleX(1);
    transform-origin: right;
}
100% {
    transform: scaleX(0);
    transform-origin: right;
}
}
@keyframes loading_text {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}
@media (min-width: 768px) {
.md\:sticky {
    position: sticky;
}
.md\:left-0 {
    left: 0px;
}
.md\:top-32 {
    top: 8rem;
}
.md\:mb-0 {
    margin-bottom: 0px;
}
.md\:mt-0 {
    margin-top: 0px;
}
.md\:w-auto {
    width: auto;
}
}