/*
! tailwindcss v3.1.7 | 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: #eeeeee; /* 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.
*/

html {
  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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
}

/*
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. 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-size: 1em; /* 2 */
}

/*
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-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}

/*
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;
}

*, ::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-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:  ;
}

::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-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-pointer-events-none {
  pointer-events: none;
}
.tw-absolute {
  position: absolute;
}
.tw-relative {
  position: relative;
}
.tw-left-1 {
  left: 0.25rem;
}
.tw-left-0 {
  left: 0px;
}
.tw-right-0 {
  right: 0px;
}
.tw-top-0 {
  top: 0px;
}
.tw-bottom-0 {
  bottom: 0px;
}
.tw-z-0 {
  z-index: 0;
}
.-tw-z-10 {
  z-index: -10;
}
.-tw-z-0 {
  z-index: 0;
}
.tw-float-none {
  float: none;
}
.tw-m-0 {
  margin: 0px;
}
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tw-mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.tw-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.tw-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.\!tw-mb-0 {
  margin-bottom: 0px !important;
}
.tw-mb-0 {
  margin-bottom: 0px;
}
.tw-mt-0 {
  margin-top: 0px;
}
.tw-ml-px {
  margin-left: 1px;
}
.tw-mb-4 {
  margin-bottom: 1rem;
}
.tw-block {
  display: block;
}
.tw-inline-block {
  display: inline-block;
}
.tw-flex {
  display: flex;
}
.tw-hidden {
  display: none;
}
.tw-aspect-video {
  aspect-ratio: 16 / 9;
}
.tw-h-full {
  height: 100%;
}
.tw-h-auto {
  height: auto;
}
.tw-h-30 {
  height: 7.5rem;
}
.tw-h-10 {
  height: 2.5rem;
}
.tw-h-20 {
  height: 5rem;
}
.tw-h-12 {
  height: 3rem;
}
.tw-h-9 {
  height: 2.25rem;
}
.tw-w-full {
  width: 100%;
}
.tw-w-auto {
  width: auto;
}
.tw-w-52 {
  width: 13rem;
}
.tw-w-screen {
  width: 100vw;
}
.tw-w-9 {
  width: 2.25rem;
}
.tw-max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.tw-max-w-full {
  max-width: 100%;
}
.tw-origin-left {
  transform-origin: left;
}
.-tw-translate-x-1 {
  --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));
}
.tw-rotate-90 {
  --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));
}
.tw-rotate-\[270deg\] {
  --tw-rotate: 270deg;
  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-flex-row {
  flex-direction: row;
}
.tw-flex-col {
  flex-direction: column;
}
.tw-items-center {
  align-items: center;
}
.tw-justify-end {
  justify-content: flex-end;
}
.tw-justify-center {
  justify-content: center;
}
.tw-justify-between {
  justify-content: space-between;
}
.tw-justify-around {
  justify-content: space-around;
}
.tw-overflow-hidden {
  overflow: hidden;
}
.tw-whitespace-nowrap {
  white-space: nowrap;
}
.tw-rounded-full {
  border-radius: 9999px;
}
.tw-rounded-none {
  border-radius: 0px;
}
.tw-border {
  border-width: 1px;
}
.tw-border-0 {
  border-width: 0;
}
.tw-border-solid {
  border-style: solid;
}
.tw-border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
.tw-border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.tw-bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
.tw-bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}
.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tw-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.tw-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-right {
  text-align: right;
}
.tw-font-awesome {
  font-family: "Font Awesome 5 Free";
}
.tw-text-sm {
  font-size: 0.8125rem;
}
.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.tw-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.tw-text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tw-font-black {
  font-weight: 900;
}
.tw-font-normal {
  font-weight: 400;
}
.tw-font-semibold {
  font-weight: 600;
}
.tw-ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.tw-leading-none {
  line-height: 1;
}
.tw-text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.tw-text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.tw-shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-content-\[\'\\f04b\'\] {
  --tw-content: '\f04b';
  content: var(--tw-content);
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+TC:wght@400;700&family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: "Roboto Sans", "Roboto", "Open Sans", Meiryo, Arial, "Noto Sans TC", "微軟正黑體", "Microsoft Jhenghei", sans-serif;
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

body h1,  body h2,  body h3,  body h4,  body h5,  body h6,  body .h1,  body .h2,  body .h3,  body .h4,  body .h5,  body .h6 {
  font-family: "Roboto Sans", "Roboto", "Open Sans", Meiryo, Arial, "Noto Sans TC", "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}

body.ja-jp {
  font-family: "Roboto Sans", "Roboto", "Open Sans", Meiryo, Arial, "Noto Sans JP", "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}

body.ja-jp h1,  body.ja-jp h2,  body.ja-jp h3,  body.ja-jp h4,  body.ja-jp h5,  body.ja-jp h6,  body.ja-jp .h1,  body.ja-jp .h2,  body.ja-jp .h3,  body.ja-jp .h4,  body.ja-jp .h5,  body.ja-jp .h6 {
  font-family: "Roboto Sans", "Roboto", "Open Sans", Meiryo, Arial, "Noto Sans JP", "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}

body.zh-cn {
  font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", 微软正黑体, Roboto Sans, "Roboto", "Arial", sans-serif;
}

body.zh-cn h1,  body.zh-cn h2,  body.zh-cn h3,  body.zh-cn h4,  body.zh-cn h5,  body.zh-cn h6,  body.zh-cn .h1,  body.zh-cn .h2,  body.zh-cn .h3,  body.zh-cn .h4,  body.zh-cn .h5,  body.zh-cn .h6 {
  font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", 微软正黑体, Roboto Sans, "Roboto", "Arial", sans-serif;
}

/* case-stuido 2024-06 cn站隱藏 */

body.zh-cn .item-1017 {
  display: none;
}

/* 登入區塊 */

body.zh-cn .sp-sign-in {
            /* 2024-05 cn站隱藏登入模組 */
            /* 2024-08-20 cn站取消隱藏登入模組 */
            /* @apply tw-hidden; */
        }

/* CN站 針對手機號驗證 */

body.zh-cn.resend-otp .resendOTPForm .rsform-button {
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body.zh-cn.resend-otp .resendOTPForm .rsform-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

  body.zh-cn.resend-otp .resendOTPForm .rsform-button {
    display: block;
  }
}

body.offcanvas-active .body-wrapper {
  height: -webkit-fill-available;
  overflow: hidden;
}

body .sp-module ul>li>a {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

body .sp-module ul>li>a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

body .body-innerwrapper {
        /* header position sticky 能生效，但超過畫面的元素無法被scroll到 */
        /* @apply tw-overflow-x-visible; */
        /* 
            選單內超過的元素可以被scrol到，但無法 header postion sticky
            20230208 因為overflow-x有設定，所以註解掉讓他讀版型預設的overflow-x: hidden
        */
        /* @apply tw-overflow-x-auto; */

        /* 不用helix3 ultimate內建的sticky meunu，自己寫 */
        /* .sticky-header-placeholder {
            @media (max-width: 1199px) {
                height: 110px !important;
            }
        } */

        /* 20230208 實作內頁仍可以將position: sticky 固定在上方 */

        overflow-x: clip}

body .row {
        --bs-gutter-x: 2rem;
    }

body hr:not([size]) {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

body .badge {
        background-color: #777777;
    }

body #sp-main-body {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}

@media (min-width: 1024px) {

  body #sp-main-body {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

body #sp-main-body h1 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

body #sp-main-body h2 {
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}

@media (min-width: 1024px) {

  body #sp-main-body h2 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

body #sp-main-body h3 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;

            /* 調整商品明細的區塊錨點定位，不要蓋到標題 */
            padding-top: 60px;
            margin-top: -60px !important;
            /* 20230208 改header不sticky，但sticky-top仍在sticky，所以對應p m 調整先移除 */
            /* @media (max-width: 1199px) {
                padding-top: 160px;
                margin-top: -160px !important;
            } */
            /* @media (max-width: 575px) {
                padding-top: 160px;
                margin-top: -160px !important;
            } */
}

body #sp-main-body h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  body #sp-main-body h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

body #sp-main-body h5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

body #sp-main-body h6 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.8125rem;
}

body #sp-main-body p {
  margin-bottom: 1rem;
}

body #sp-main-body p.formRed {
                margin-left: 5.33vw;
                margin-right: 5.33vw;
            }

body #sp-main-body ul, 
        body #sp-main-body ol {
  margin-bottom: 1rem;
}

body #sp-main-body ul {
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
            font-size: 18px;
            line-height: 1.6;
            padding-left: 18px;
            list-style-type: disc;
}

body #sp-main-body ul a {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

body #sp-main-body ul a:not(page-link) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

body #sp-main-body a {
  display: inline;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

body #sp-main-body a:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

body #sp-main-body a.btn-inner {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 0.8125rem;
}

body #sp-main-body a.btn-inner-green {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(7 146 166 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

body #sp-main-body a.btn-discover {}

body #sp-main-body .btn-primary, 
        body #sp-main-body .sppb-btn-primary {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body #sp-main-body .btn-primary:hover, 
        body #sp-main-body .sppb-btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

  body #sp-main-body .btn-primary, 
        body #sp-main-body .sppb-btn-primary {
    width: auto;
  }
}

body #sp-main-body .sticky-top {
            z-index: 98;
            position: sticky;
            /* 
                fixed 時會差1px露出後面的字或背景
                20230208拿掉header的sticky所以不用額外再top:79
            */
            /* top: 79px; */
            --tw-bg-opacity: 1;
            background-color: rgb(238 238 238 / var(--tw-bg-opacity));
        }

@media (max-width: 1199px) {

body #sp-main-body .sticky-top {
                /* top: 100px; */
        }
            }

body #sp-main-body .article-can-edit {
  display: none !important;
}

body #sp-main-body .pull-right {
            float: right !important;
        }

body #sp-main-body .pull-left {
            float: left !important;
        }

body .rsfp_thankyou_popup_outer .rsfp_thankyou_popup_inner .rsfp_thankou_popup_close_btn {
                right: 20px;
            }

body .item-163 {
        /* 20250226 來電先不隱藏 */
        /* @apply tw-hidden; */
    }

.main-body-hidden #sp-main-body {
  display: none !important;
}

#sp-header {
    /* 改用sticky替代fixed */
    position: relative;
    top: 0px;
    height: auto;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

@media (min-width: 1200px) {

#sp-header {
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto
}
    }

#sp-header.header-sticky {
        /* @media (max-width: 1199px) {
            top: 10px;
        } */
    }

#sp-header .row >#sp-logo {
            padding-right: 0;
        }

@media (max-width: 575px) {

#sp-header .row >#sp-logo {
                padding-right: 16px
        }
            }

#sp-header .row >#sp-menu {
            padding-left: 0;
        }

@media (max-width: 575px) {

#sp-header .row >#sp-menu {
                padding-left: 16px
        }
            }

#sp-header .logo {
  height: 3.75rem;

        /* RWD不改變logo大小 */
        /* .logo-image {
            @media (max-width: 1199px) {
                height: 60px;
            }
            @media (max-width: 575px) {
                height: 49px;
            }
        } */
}

#sp-header .sp-module {
  margin-left: 2.5rem;
        /* > a {
            @apply tw-px-2 tw-py-0;
        } */
}

/* 調整1024以下選單按鈕提前出現 */

@media (max-width: 1199px) {

#sp-header #offcanvas-toggler {
    height: auto;
            line-height: inherit;
  }
        }

/* 登入區塊 */

#sp-header .sp-sign-in {
  padding-left: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

#sp-header .sp-sign-in:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

#sp-header .sp-sign-in .fa-user:before {
                content: '\f2bd';
            }

#sp-header .sp-sign-in .signin-text {
            /* @apply tw-hidden !important; */
        }

#sp-header .sp-profile-wrapper {
  height: 3.75rem;
  line-height: 3.75rem;
}

#sp-header .sp-profile-wrapper .sp-profile-dropdown {
  border-style: none;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 0.25rem !important;
}

#sp-header .sp-profile-wrapper .sp-profile-dropdown li {
  margin: 0px;
  border-style: none;
  padding: 0px;
}

#sp-header .sp-profile-wrapper .sp-profile-dropdown li a {
  display: block;
  padding: 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.5;
}

/* 語言切換 */

#sp-header .mod-languages .langChoose {
  margin: 0px;
  display: block;
  width: auto;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
}

#sp-header .mod-languages .langChoose:visited {
  background-color: transparent;
}

#sp-header .mod-languages .langChoose {
            /* 高度從h-15改成auto */
            height: auto;
        }

#sp-header .mod-languages .langChoose:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#sp-header .mod-languages .langChoose i {
  font-size: 1.125rem;
                line-height: 2.75rem;
}

#sp-header .mod-languages .lang-block {
  left: auto;
  right: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#sp-header .mod-languages .lang-block li {
  display: block;
  width: 85px;
  padding: 0.5rem;
}

#sp-header .mod-languages .lang-block li a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.breadcrumb {
  margin-bottom: 0px;
}

#sp-main-body {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* 模組標題 */
.sp-module-title {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

  .sp-module-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

/* 區塊設定 */
#sp-box-slider {
  padding-bottom: 2.5rem;
}

/* sp-main-bottom */
#sp-main-bottom {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding-bottom: 2.5rem;
}
#sp-main-bottom .sp-module-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

#sp-news {
    /* @apply tw-bg-gray-200 tw-pb-10; */
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-bottom: 2.5rem;
}

/* banner */
#sp-full-slider {
    overflow: hidden;
}

/* 預設輪播樣式 */
.neousys_slider {
  position: relative;
  margin-bottom: 3.5rem;
}
/* .sp-module-title {
        margin-bottom: 0;
    } */
.neousys_slider .swiper-wrapper {
  padding-bottom: 0.5rem;
}
.neousys_slider .swiper-slide {
  display: flex;
  height: auto;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.neousys_slider .swiper-button {
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
.neousys_slider .swiper-button:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.neousys_slider .swiper-button:after {
  font-family: "Font Awesome 5 Free";
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 900;
  --tw-content: '\f053';
  content: var(--tw-content);
}
.neousys_slider .swiper-button-prev {
  left: -1rem;
}
@media (min-width: 1024px) {

  .neousys_slider .swiper-button-prev {
    left: -3rem;
  }
}
.neousys_slider .swiper-button-prev:after {
  --tw-content: '\f053';
  content: var(--tw-content);
}
.neousys_slider .swiper-button-next {
  right: -1rem;
}
@media (min-width: 1024px) {

  .neousys_slider .swiper-button-next {
    right: -3rem;
  }
}
.neousys_slider .swiper-button-next:after {
  --tw-content: '\f054';
  content: var(--tw-content);
}
.neousys_slider .item-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}
.neousys_slider .item-image {
  margin-top: 0.75rem;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.neousys_slider .item-image a {
  display: block;
  height: 100%;
  width: 100%;
}
.neousys_slider .item-image img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
}
.neousys_slider .item-title {
  text-align: center;
}
@media (min-width: 1024px) {

  .neousys_slider .item-title {
    margin-bottom: 1rem;
    text-align: left;
  }
}
.neousys_slider .item-title {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.neousys_slider .item-title a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
.neousys_slider .item-title a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.neousys_slider .item-desc {
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  display: none;
}
@media (min-width: 1024px) {

  .neousys_slider .item-desc {
    display: block;
  }
}
.neousys_slider .item-btn {
        /* @apply tw-rounded-full; */
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        --tw-text-opacity: 1;
        color: rgb(234 88 12 / var(--tw-text-opacity));
    }
.neousys_slider .item-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.neousys_slider .item-btn {
  display: none;
}
@media (min-width: 1024px) {

  .neousys_slider .item-btn {
    display: block;
  }
}

/* 導覽路徑 */
.breadcrumb-module {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.breadcrumb-module .breadcrumb {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  background-color: transparent;
}
@media (min-width: 1024px) {

  .breadcrumb-module .breadcrumb {
    display: flex;
  }
}
@media (min-width: 1400px) {

  .breadcrumb-module .breadcrumb {
    max-width: 1320px;
  }
}
.breadcrumb-module .breadcrumb .float-start .fa-map-marker-alt {
  margin-right: 0.5rem;
}
.breadcrumb-module .breadcrumb a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

/*主選單*/
#desktop-menu {
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
/*第一層*/
#desktop-menu >.menu-item {
  position: relative;
}
#desktop-menu >.menu-item >span, 
        #desktop-menu >.menu-item >a {
  display: block;
  font-size: 1rem;
  line-height: 3.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
#desktop-menu >.menu-item >span:hover, 
        #desktop-menu >.menu-item >a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu >.menu-item >span,
        #desktop-menu >.menu-item >a {
            padding-left: 0.7rem;
            padding-right: 0.7rem;
        }
#desktop-menu .menu-item.parent {
  position: relative;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  overflow: hidden;
}
/* 第一層子選單下拉 */
#desktop-menu .menu-item.parent:hover {
  overflow: visible;
}
#desktop-menu .menu-item.parent:hover >.nav-child {
                /* 舊站是height:447px; */
                max-height: -moz-min-content;
                max-height: min-content;
                min-height: 22rem;
                opacity: 1;
            }
/*第一層子選單*/
#desktop-menu .nav-child {
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 10;
  max-height: 0px;
  width: 15rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  border-bottom-width: 3px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
}
#desktop-menu .nav-child .menu-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
#desktop-menu .nav-child .menu-item span, 
            #desktop-menu .nav-child .menu-item a {
  padding: 0.5rem;
  font-size: 0.8125rem;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#desktop-menu .nav-child .menu-item span:hover, 
            #desktop-menu .nav-child .menu-item a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu .nav-child .menu-item.parent >a, 
                #desktop-menu .nav-child .menu-item.parent >span {
  position: relative;
  padding-right: 1.5rem;
}
#desktop-menu .nav-child .menu-item.parent >a:after, #desktop-menu .nav-child .menu-item.parent >span:after {
                        content: '\f054';
                        font-family: "Font Awesome 5 Free";
                        font-size: 0.8125rem;
                        font-weight: 900;
                        --tw-text-opacity: 1;
                        color: rgb(115 115 115 / var(--tw-text-opacity));
                        position: absolute;
                        top: 50%;
                        right: 0.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));
                    }
#desktop-menu .nav-child .menu-item.parent >a:hover:after,  #desktop-menu .nav-child .menu-item.parent >span:hover:after {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu .nav-child .menu-item.parent:hover {
                    position: initial;
                }
/* 第二層以後子選單往右邊延伸 */
#desktop-menu .nav-child .nav-child {
  top: 0px;
  left: 100%;
  width: 15rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
/* 最後一層選單(選到商品)，寬度兩倍加上分區 */
#desktop-menu .menu-last-subcategory >.nav-child {
  display: flex;
  width: 30rem;
  flex-wrap: wrap;
  align-content: flex-start;
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item {
  width: 50%;
  flex: none;
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item a, 
                #desktop-menu .menu-last-subcategory >.nav-child >.menu-item span {
  padding-top: 0.25rem;
  padding-bottom: 1.25rem;
                    font-size: 15px;
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item .desc {
  --tw-translate-y: -1.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));
  border-style: none;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
                    line-height: 16px;
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item:hover a, 
                    #desktop-menu .menu-last-subcategory >.nav-child >.menu-item:hover span {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item:hover .desc {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title {
  position: relative;
  width: 100%;
  flex: none;
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title:after {
                        content: '\f054';
                        font-family: "Font Awesome 5 Free";
                        font-size: 0.8125rem;
                        font-weight: 900;
                        --tw-text-opacity: 1;
                        color: rgb(115 115 115 / var(--tw-text-opacity));
                        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));
                    }
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title a, 
                    #desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title span {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title a:hover, 
                    #desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title span:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title a,
                    #desktop-menu .menu-last-subcategory >.nav-child >.menu-item.sp-menu-item-title span {
                        font-size: 15px;
                    }

/* 頭部搜尋區塊 */
#header-search {
  flex: 1 1 auto;
}
@media (min-width: 1200px) {

  #header-search {
    flex: none;
  }
}
#header-search .form-control {
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  height: 1.5rem;
  width: 100%;
  font-size: 0.8125rem;
}
@media (min-width: 1200px) {

  #header-search .form-control {
    width: 8rem;
  }
}
#header-search .form-control:focus {
  --tw-border-opacity: 1;
  border-color: rgb(62 58 57 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
#header-search .input-group-btn {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  z-index: 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-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
#header-search .input-group-btn .btn.btn-primary {
            font-size: 0;
            border-style: none;
            background-color: transparent;
            padding: 0px;
        }
#header-search .input-group-btn .btn.btn-primary:after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.8125rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  --tw-content: '\f002';
  content: var(--tw-content);
}
#header-search form:after {
        content: none;
    }

/* Offcanvss Menu */
body.ltr .offcanvas-menu .offcanvas-inner {
  padding: 0px;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu {
  width: 14rem;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li[data-type="alias"] a, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li[data-type="alias"] span {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li a, 
                    body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li span {
  display: flex;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li a .menu-toggler,  body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li span .menu-toggler {
  margin-left: auto;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li a .menu-toggler:after,  body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li span .menu-toggler:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  --tw-content: '\f054';
  content: var(--tw-content);
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li .menu-text-with-subtitle {
  display: flex;
  flex-direction: column;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li .menu-text-with-subtitle>span.helix-page-subtitle {
  font-size: 0.8125rem;
  line-height: .75rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.current a, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.current span, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.current span.helix-page-subtitle {
  --tw-text-opacity: 1;
  color: rgb(202 20 32 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:hover a, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:hover span, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:hover span.helix-page-subtitle, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:focus a, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:focus span, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:focus span.helix-page-subtitle, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:active a, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:active span, 
                        body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li:active span.helix-page-subtitle {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .close-offcanvas {
  display: none;
}
body.ltr .offcanvas-menu .navigation-bar {
  display: flex;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
body.ltr .offcanvas-menu .navigation-bar .close-offcanvas {
  position: relative;
  top: unset;
  right: unset;
  display: block;
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .navigation-bar .previous-layer {
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.ltr .offcanvas-menu .navigation-bar>a:before {
  margin-right: 0.25rem;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8125rem;
  font-weight: 900;
  --tw-content: '\f053';
  content: var(--tw-content);
}
body.ltr .offcanvas-menu .layers-container {
  display: flex;
  width: 400%;
  flex-direction: row;
  transition-property: margin;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* 2025-01-07 
            韓文的 templates/shaper_helixultimate/index.php ，
            在 line 163 "<!-- Off Canvas Menu -->" 之前會多了一個標籤<b></b>，
            把 Off Canvas 等內容都包進去，造成桌機版會無法滑鼠點擊該區塊內的內容。
            這是手機版會展開用的手機版選單，強制設定 CSS 隱藏。尚不知道為什麼 ko 韓文才有。
            templates/shaper_helixultimate/index.php 的 line 158 行 $theme->render_layout();，
            會去到 plugins/system/helixultimate/src/Core/HelixUltimate.php 的 line 566 行 render_layout()，
            應該是其中 json_decode 跟字串切換中造成 <b></b> 相關標籤被誤解析，造成 render 出來的 html 跟其他語系不一致。
            */
@media (min-width: 1200px) {
body.ltr .offcanvas-menu .layers-container {
                display: none
        }
            }
body.ltr .offcanvas-menu .layers-container .layer {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
body.ltr .offcanvas-menu .layers-container .layer:not([data-layer="1"]) ul.menu:not(.active) {
  display: none;
}

/* 首頁 case-studies */
.index-case-studies .item-content {
  justify-content: flex-start;
}
@media (min-width: 1024px) {

  .index-case-studies .item-content {
    justify-content: space-between;
  }
}
.index-case-studies .item-title {
  margin-bottom: 1rem;
  text-align: left;
}
.index-case-studies .item-title a {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
.index-case-studies .item-title a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
.index-case-studies .item-desc {
  display: block;
}

/* 首頁 article & events */
#sp-position1 .sp-module-title {
  text-align: left;
}

.index-events .event-item {
  margin-bottom: 0.5rem;
}

.index-events .title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.index-events .title a {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

.index-events .title a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.index-events .introtext {
  font-size: 0.8125rem;
}

.index-resources img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  width: 100%;
}

.index-resources a {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

.index-resources a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

/* 彈出視窗 */

.com-hikashop .modal-sm {
        min-width: 360px;
    }

.com-hikashop .modal-sm .modal-content {
            border: 2px solid #B2B2B2;
            padding: 15px 0;
        }

.com-hikashop .modal-sm .modal-content .modal-header {
                text-align: center;
                justify-content: center;
            }

.com-hikashop .modal-sm .modal-content .modal-header .modal-title {
  font-weight: 700;
                    font-size: 24px;
                    color: #E74700;
}

.com-hikashop .modal-sm .modal-content .modal-header .btn-close {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.com-hikashop .modal-sm .modal-content .modal-header .btn-close:hover {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

.com-hikashop .modal-sm .modal-content .modal-header .btn-close {
                    background: url('../images/btn-close.svg');
                    padding: 2px;
                    margin-right: 0px;
                    position: absolute;
                    right: 15px;
                }

.com-hikashop .modal-sm .modal-content .modal-body {
                font-size: 18px; 
                line-height: 28px; 
                font-weight: 400;
            }

.com-hikashop .modal-sm .modal-content .modal-body span {
                    color: #fa0101;
                }

.com-hikashop .modal-sm .modal-content .modal-footer {
                border-top: 0;
            }

.com-hikashop .modal-sm .modal-content .modal-footer .btn {
  padding: 0.75rem;
  font-size: 18px;
                    border: 1px solid #eeeeee;
                    line-height: 1;
                    margin-top: 20px;
                    text-align: center;
                    border-radius: 0px;
                    width: 100%;
                    margin: 20px 0 0;
}

.com-hikashop .modal-sm .modal-content .modal-footer .btn-default {
  white-space: nowrap;
  background-color: transparent;
}

.com-hikashop .modal-sm .modal-content .modal-footer .btn-default:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.com-hikashop .modal-sm .modal-content .modal-footer .btn-default {
                    color: #777777;
                }

.com-hikashop .modal-sm .modal-content .modal-footer .btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop .modal-sm .modal-content .modal-footer .btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}

/* 產品明細頁面 */

.com-hikashop.layout-show #sp-main-body #sp-left {
                width: 0;
            }

.com-hikashop.layout-show #sp-main-body #sp-component {
                width: 100%;
            }

.com-hikashop.layout-show #sp-main-body .product_title {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-bottom: 0px;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .product_title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.com-hikashop.layout-show #sp-main-body .subtitle {
  margin-bottom: 1.5rem;
  margin-top: 0px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.com-hikashop.layout-show #sp-main-body .custom .row>* {
  overflow: scroll;
}

@media (min-width: 768px) {

  .com-hikashop.layout-show #sp-main-body .custom .row>* {
    overflow: visible;
  }
}

.com-hikashop.layout-show #sp-main-body h3, 
            .com-hikashop.layout-show #sp-main-body h4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body h3, 
            .com-hikashop.layout-show #sp-main-body h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.com-hikashop.layout-show #sp-main-body .neousys_slider .swiper-slide {
  border-style: none;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.com-hikashop.layout-show #sp-main-body .neousys_slider .swiper-slide .item-content {
  display: none;
}

.com-hikashop.layout-show #sp-main-body .neousys_slider .swiper-slide .item-image>a {
  pointer-events: none;
}

.com-hikashop.layout-show #sp-main-body .neousys_slider .swiper-button-prev {
  left: 0.5rem;
}

.com-hikashop.layout-show #sp-main-body .neousys_slider .swiper-button-next {
  right: 0.5rem;
}

.com-hikashop.layout-show #sp-main-body .certification_img {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page h1 span {
                        font-size: 24px;
                        margin-bottom: 0;
                        font-weight: 600;
                        color: #E74700;
                    }

.com-hikashop.layout-show #sp-main-body .hikashop_product_page h4 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page span {
                    font-size: 12px;
                    line-height: 1.55556;
                }

.com-hikashop.layout-show #sp-main-body .hikashop_product_page span p {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page span p {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid {
  position: relative;
  z-index: 50;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .hikashop_small_image_div {
  display: flex;
  flex-wrap: wrap;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .hikashop_small_image_div a {
  margin: 0.25rem;
  display: block;
  width: 20%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-feature {
  margin-bottom: 1rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-feature ul {
  list-style-type: none;
                            font-size: 14px;
                            line-height: 24px;
                            color: #6A7D8E;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-feature ul li {
  padding-left: 1rem;
  text-indent: -1rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-feature ul li:before {
  padding-right: 0.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
  --tw-content: '\f0da';
  content: var(--tw-content);
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons {
    flex-wrap: wrap;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm, 
                        .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download, 
                        .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock {
  width: 100%;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm, 
                        .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download, 
                        .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock {
    width: auto;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: block;
  width: 100%;
  padding: 0.5rem;
  text-align: center;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button {
    width: 12rem;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32:hover, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button:hover {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgb(202 20 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32, 
                            .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button {
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: none;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32.addInquiry_button,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button.addInquiry_button {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32.addInquiry_button:hover,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button.addInquiry_button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(202 20 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadfile32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .phocadownloadcategory32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-edm .hikashop_cart_button:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadfile32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .phocadownloadcategory32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .product-download .hikashop_cart_button:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadfile32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .phocadownloadcategory32:hover a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .hikashop_product_stock .hikashop_cart_button:hover a {
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons .phocadownloadfile {
  margin: 0px;
  border-style: none;
  padding: 0px;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hk-row-fluid .product-buttons p {
  margin: 0px;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part {
  position: relative;
  margin-top: 1rem;
  overflow: visible;
  padding-bottom: 1.5rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part:before {
  position: absolute;
  left: 50%;
  top: 0px;
  bottom: 0px;
  z-index: -10;
  width: 100vw;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ul:not(.product-tabs),  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ol {
  margin-bottom: 1rem;
  list-style-position: inside;
  list-style-type: disc;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ul:not(.product-tabs).related_products,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ol.related_products {
  list-style-type: none;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ul:not(.product-tabs).related_products a,  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part ol.related_products a {
  background-color: transparent;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .hikashop_product_bottom_part .hikashop_product_description_main .tab-pane:nth-child(2) span {
  font-size: 1rem;
  line-height: 1.5rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs {
  margin: auto;
  display: flex;
  justify-content: center;
  gap: 0.125rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs {
    width: 80%;
    gap: 0.25rem;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item {
  position: relative;
  width: 25%;
  flex: 1 1 auto;
  list-style-type: none;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item {
    width: 25%;
    flex: none;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item {
                        margin: 0 -1px;
                    }

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item >a {
  height: 100%;
  padding: 0.75rem;
  font-size: 0.8125rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item >a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item >a {
  text-align: center;
  --tw-bg-opacity: 1;
  background-color: rgb(95 113 130 / var(--tw-bg-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item >a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item >a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .tabs-item:hover .related_products {
  display: block;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .related_products {
  position: absolute;
  top: 100%;
  left: 0px;
  display: none;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .related_products .related_product {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .related_products .title {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .product-tabs .related_products .subtitle {
  margin-bottom: 0px;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .table {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.8125rem;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .table .row-title {
  --tw-bg-opacity: 1;
  background-color: rgb(95 113 130 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
                        font-size: 18px;
}

.com-hikashop.layout-show #sp-main-body .hikashop_product_page .table .row-title th {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* 產品列表頁 */

.com-hikashop.layout-listing #sp-left .hikashop_filter_main_div .hikashop_filter_main {
                    padding: 0px 0 0px 0 !important;
                    min-height: 60px !important;
                    width: 100% !important;
                    float: none !important;
                }

.com-hikashop.layout-listing #sp-left .hikashop_filter_main_div .hikashop_filter_main .filter_values_container {
  display: flex;
  flex-wrap: wrap;
}

.com-hikashop.layout-listing #sp-left .hikashop_filter_main_div .hikashop_filter_main .filter_values_container .hikashop_filter_checkbox {
                            flex: 0 0 auto;
                            width: 50%;
                        }

.com-hikashop.layout-listing #sp-section-1 .sp-module.sub-category-anchors {
  display: none;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #ca1420;
  --tw-gradient-to: rgb(202 20 32 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #ea580c;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-section-1 .sp-module.sub-category-anchors {
    display: block;
  }
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors {
  margin: auto;
  display: flex;
  justify-content: flex-end;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1320px;
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors ol {
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors ol li a {
  display: block;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors ol li a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors ol li:nth-child(n+2) a::before {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-content: '|';
  content: var(--tw-content);
}

.com-hikashop.layout-listing #sp-section-1 .custom.sub-category-anchors .brochure-btn {
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body {
  margin-bottom: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_module_title {
  display: flex;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_module_title h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 900;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_module_title h2::before {
  margin-right: 1rem;
  display: inline-block;
  height: 100%;
  width: 2rem;
  background-image: url('/images/template/filter_icon.png');
  background-size: contain;
  content: var(--tw-content);
  background-repeat: no-repeat;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_module_title .product-count {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(202 20 32 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_main {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  padding: 0.5rem;
  padding-bottom: 1rem;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_title {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.8125rem;
  font-weight: 900;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_checkbox {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module .hikashop_filter_checkbox input {
  margin-right: 0.625rem;
  --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));
}

.com-hikashop.layout-listing #sp-main-body .hikashop_filter_module br {
  display: none;
  height: 0px;
}

.com-hikashop.layout-listing #sp-main-body #sp-left .sp-module {
  display: none;
  border-width: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-left .sp-module {
    display: block;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main {
    margin-top: 3.5rem;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main h1 {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main h1 {
    margin-bottom: 1rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 400;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_category_description_content {
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_category_description_content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .sub-category-anchors {
    display: none;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .sub-category-anchors a {
  font-weight: 600;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .sub-category-anchors .brochure-btn {
  display: none;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .sub-category-anchors .brochure-btn {
    display: block;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .product-category-title {
  margin-top: 2rem;
  margin-bottom: 2rem;
  scroll-margin-top: 2rem;
  scroll-margin-bottom: 2rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .product-category-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone {
    flex-direction: row;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone {
  pointer-events: none;
  max-height: 0px;
  overflow: hidden;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone.active {
  pointer-events: auto;
  height: auto;
  max-height: 70px;
  padding: 0.5rem;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone .hikabtn-compare {
  margin-bottom: 0px;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone .hikabtn-compare:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_compare_zone .hikabtn-compare span {
  text-transform: uppercase;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing {
  margin-bottom: 3.75rem;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hk-row-fluid {
  margin-left: -5px;
  margin-right: -5px;
}

@media (max-width: 768px) {

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hk-row-fluid .hikashop_product {
                                    width: 50%;
                                    flex: 0 0 auto
                            }
                                }

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hk-row-fluid .hikashop_product .hikashop_container {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hk-row-fluid .hikashop_product .hikashop_container .hikashop_subcontainer {
                                        min-height: 100% !important;
                                        margin-bottom: 2rem;
                                    }

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hk-row-fluid .hikashop_product .hikashop_container .hikashop_subcontainer .hikashop_product_characteristic_on_listing {
  display: none;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hikashop_product_image {
                            height: 100%;
                        }

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hikashop_product_image .hikashop_product_image_subdiv {
                                width: 100%;
                            }

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hikashop_product_image .hikashop_product_image_subdiv picture {
                                    display: flex;
                                    align-items: center;
                                    height: 183px;
                                }

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hikashop_product_name {
  margin-top: 0px;
  margin-bottom: 0.25rem;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .hikashop_product_subtitle {
  margin-top: 0px;
  margin-bottom: 1rem;
  height: 3.75rem;
  overflow: hidden;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons {
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons {
    flex-direction: row;
    gap: 1rem;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikashop_product_stock_count {
  display: none;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn {
  display: block;
  flex: 1 1 0%;
  border-radius: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn:hover {
  background-color: transparent;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn:focus {
  background-color: transparent;
}

@media (min-width: 1024px) {

  .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn {
    margin-bottom: 0px;
  }
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare span {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare span.orgin {
  display: inline;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare span.selected, 
                                        .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare span.selected_hover {
  display: none;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected span {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected span.orgin, 
                                        .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected span.selected_hover {
  display: none;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected span.selected {
  display: inline;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected:hover span.orgin, 
                                        .com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected:hover span.selected {
  display: none;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.hikabtn-compare.selected:hover span.selected_hover {
  display: inline;
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.addInquiry_button {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_listing .product-div-buttons .hikabtn.addInquiry_button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}

.com-hikashop.layout-listing #sp-main-body #sp-component .hikashop_products_listing_main .hikashop_products_pagination {
  display: none;
}

/* 產品比較頁 */

.com-hikashop.task-compare #sp-component {
            width: 100%;
            padding-bottom: 60px;
        }

.com-hikashop.task-compare #sp-component .hikashop_compare_page {
                font-size: 14px;
                text-align: center;
            }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_title_prod_column h2 {
                        font-size: 18px;
                    }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_cart_button {
                    padding: 10px 20px;
                    background: #0792A6;
                    font-size: 14px;
                    color: #fff;
                    margin-bottom: 25px;
                    display: inline-block;
                }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_cart_button.addInquiry_button {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_cart_button.addInquiry_button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table #hikashop_compare_tr_name,
                    .com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table #hikashop_compare_tr_image,
                    .com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table #hikashop_compare_tr_price,
                    .com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table #hikashop_compare_tr_cart {
                        background-color: transparent;
                    }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table tr:nth-of-type(even) {
                            background-color: #f9f9f9;
                        }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table tr >.hikashop_compare_custom_first_column {
                            background: #6A7D8E;
                            color: #fff;
                        }

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table tr .hikashop_compare_img_prod_column .hikashop_main_image_div .hikashop_product_main_image_thumb img.hikashop_product_compare_image {
                                        margin: 0 auto;
                                    }

/* 比較結果頁的最上面一條 */

.com-hikashop.task-compare #sp-component .hikashop_compare_page .hikashop_compare_table #hikashop_compare_tr_cf_65 {
                        border-top: 1px solid #ddd;
                    }

.com-hikashop.task-compare #system-message-container {
            position: relative;
            max-width: 100%;
        }

.com-hikashop.task-compare #system-message-container .alert {
                background: transparent;
                border: 0;
            }

body.login-page #sp-main-body,  body.reset-page #sp-main-body,  body.registration-page #sp-main-body,  body.profile-page #sp-main-body {
  margin-bottom: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding-bottom: 1.5rem;
}

body.login-page #sp-main-body .edit-profile-btn,  body.reset-page #sp-main-body .edit-profile-btn,  body.registration-page #sp-main-body .edit-profile-btn,  body.profile-page #sp-main-body .edit-profile-btn {
  display: block;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  body.login-page #sp-main-body .edit-profile-btn,  body.reset-page #sp-main-body .edit-profile-btn,  body.registration-page #sp-main-body .edit-profile-btn,  body.profile-page #sp-main-body .edit-profile-btn {
    width: auto;
  }
}

body.login-page #sp-main-body .edit-profile-btn,  body.reset-page #sp-main-body .edit-profile-btn,  body.registration-page #sp-main-body .edit-profile-btn,  body.profile-page #sp-main-body .edit-profile-btn {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
}

body.login-page #sp-main-body .edit-profile-btn:hover,  body.reset-page #sp-main-body .edit-profile-btn:hover,  body.registration-page #sp-main-body .edit-profile-btn:hover,  body.profile-page #sp-main-body .edit-profile-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

body.login-page #sp-main-body .page-header,  body.reset-page #sp-main-body .page-header,  body.registration-page #sp-main-body .page-header,  body.profile-page #sp-main-body .page-header {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

body.login-page #sp-main-body h1,  body.reset-page #sp-main-body h1,  body.registration-page #sp-main-body h1,  body.profile-page #sp-main-body h1 {
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

body.login-page #sp-main-body .form-block,  body.reset-page #sp-main-body .form-block,  body.registration-page #sp-main-body .form-block,  body.profile-page #sp-main-body .form-block {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

body.login-page #sp-main-body .form-block .form-neousys legend,  body.reset-page #sp-main-body .form-block .form-neousys legend,  body.registration-page #sp-main-body .form-block .form-neousys legend,  body.profile-page #sp-main-body .form-block .form-neousys legend {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}

body.login-page #sp-main-body .form-block .form-neousys .control-group,  body.reset-page #sp-main-body .form-block .form-neousys .control-group,  body.registration-page #sp-main-body .form-block .form-neousys .control-group,  body.profile-page #sp-main-body .form-block .form-neousys .control-group {
  clear: both;
  margin-bottom: 1rem;
  justify-content: center;
}

@media (min-width: 768px) {

  body.login-page #sp-main-body .form-block .form-neousys .control-group,  body.reset-page #sp-main-body .form-block .form-neousys .control-group,  body.registration-page #sp-main-body .form-block .form-neousys .control-group,  body.profile-page #sp-main-body .form-block .form-neousys .control-group {
    display: flex;
  }
}

body.login-page #sp-main-body .form-block .form-neousys > .control-group .control-label, body.reset-page #sp-main-body .form-block .form-neousys > .control-group .control-label, body.registration-page #sp-main-body .form-block .form-neousys > .control-group .control-label, body.profile-page #sp-main-body .form-block .form-neousys > .control-group .control-label {
                        width: 0;
                    }

body.login-page #sp-main-body .form-block .form-neousys .control-label,  body.reset-page #sp-main-body .form-block .form-neousys .control-label,  body.registration-page #sp-main-body .form-block .form-neousys .control-label,  body.profile-page #sp-main-body .form-block .form-neousys .control-label {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  body.login-page #sp-main-body .form-block .form-neousys .control-label,  body.reset-page #sp-main-body .form-block .form-neousys .control-label,  body.registration-page #sp-main-body .form-block .form-neousys .control-label,  body.profile-page #sp-main-body .form-block .form-neousys .control-label {
    width: 35%;
    text-align: right;
  }
}

body.login-page #sp-main-body .form-block .form-neousys .control-label label,  body.reset-page #sp-main-body .form-block .form-neousys .control-label label,  body.registration-page #sp-main-body .form-block .form-neousys .control-label label,  body.profile-page #sp-main-body .form-block .form-neousys .control-label label {
  margin-bottom: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
                        padding-top: calc(.375rem + 1px);
                        padding-bottom: calc(.375rem + 1px);
}

body.login-page #sp-main-body .form-block .form-neousys .control-label span.optional, body.reset-page #sp-main-body .form-block .form-neousys .control-label span.optional, body.registration-page #sp-main-body .form-block .form-neousys .control-label span.optional, body.profile-page #sp-main-body .form-block .form-neousys .control-label span.optional {
                        /* $field->required改成true，就不用hidden了 */
                        display: none;
                    }

body.login-page #sp-main-body .form-block .form-neousys .controls,  body.reset-page #sp-main-body .form-block .form-neousys .controls,  body.registration-page #sp-main-body .form-block .form-neousys .controls,  body.profile-page #sp-main-body .form-block .form-neousys .controls {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {

  body.login-page #sp-main-body .form-block .form-neousys .controls,  body.reset-page #sp-main-body .form-block .form-neousys .controls,  body.registration-page #sp-main-body .form-block .form-neousys .controls,  body.profile-page #sp-main-body .form-block .form-neousys .controls {
    width: 65%;
    padding-right: 20%;
  }
}

body.login-page #sp-main-body .form-block .form-neousys .controls-submit,  body.reset-page #sp-main-body .form-block .form-neousys .controls-submit,  body.registration-page #sp-main-body .form-block .form-neousys .controls-submit,  body.profile-page #sp-main-body .form-block .form-neousys .controls-submit {
  padding-left: 0px;
  padding-right: 0px;
}

body.login-page #sp-main-body .form-block .form-neousys .controls-submit .btn,  body.reset-page #sp-main-body .form-block .form-neousys .controls-submit .btn,  body.registration-page #sp-main-body .form-block .form-neousys .controls-submit .btn,  body.profile-page #sp-main-body .form-block .form-neousys .controls-submit .btn {
  width: 7rem;
}

body.login-page #sp-main-body .form-block .form-neousys .cancel-btn,  body.reset-page #sp-main-body .form-block .form-neousys .cancel-btn,  body.registration-page #sp-main-body .form-block .form-neousys .cancel-btn,  body.profile-page #sp-main-body .form-block .form-neousys .cancel-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: block;
  width: 7rem;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  text-align: center;
}

body.login-page #sp-main-body .form-block .form-neousys #remember,  body.reset-page #sp-main-body .form-block .form-neousys #remember,  body.registration-page #sp-main-body .form-block .form-neousys #remember,  body.profile-page #sp-main-body .form-block .form-neousys #remember {
  vertical-align: text-bottom;
}

body.login-page #sp-main-body .user-link,  body.reset-page #sp-main-body .user-link,  body.registration-page #sp-main-body .user-link,  body.profile-page #sp-main-body .user-link {
  margin-top: 1rem;
  display: flex;
  list-style-type: none;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

body.login-page #sp-main-body .user-link li:after, body.reset-page #sp-main-body .user-link li:after, body.registration-page #sp-main-body .user-link li:after, body.profile-page #sp-main-body .user-link li:after {
                    content: ' | ';
                }

body.login-page #sp-main-body .user-link li:last-child:after, body.reset-page #sp-main-body .user-link li:last-child:after, body.registration-page #sp-main-body .user-link li:last-child:after, body.profile-page #sp-main-body .user-link li:last-child:after {
                        content: '';
                    }

body.login-page #sp-main-body .user-link a,  body.reset-page #sp-main-body .user-link a,  body.registration-page #sp-main-body .user-link a,  body.profile-page #sp-main-body .user-link a {
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
}

body.login-page #sp-main-body #userForm,  body.reset-page #sp-main-body #userForm,  body.registration-page #sp-main-body #userForm,  body.profile-page #sp-main-body #userForm {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

body.login-page #sp-main-body #userForm .row .formControlLabel,  body.reset-page #sp-main-body #userForm .row .formControlLabel,  body.registration-page #sp-main-body #userForm .row .formControlLabel,  body.profile-page #sp-main-body #userForm .row .formControlLabel {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}

@media (min-width: 768px) {

  body.login-page #sp-main-body #userForm .row .formControlLabel,  body.reset-page #sp-main-body #userForm .row .formControlLabel,  body.registration-page #sp-main-body #userForm .row .formControlLabel,  body.profile-page #sp-main-body #userForm .row .formControlLabel {
    text-align: right;
  }

  body.login-page #sp-main-body #userForm .row .formControls:not([role="group"]),  body.reset-page #sp-main-body #userForm .row .formControls:not([role="group"]),  body.registration-page #sp-main-body #userForm .row .formControls:not([role="group"]),  body.profile-page #sp-main-body #userForm .row .formControls:not([role="group"]) {
    padding-right: 25%;
  }
}

body.login-page #sp-main-body #userForm .row .rsform-input-box, 
                body.login-page #sp-main-body #userForm .row .rsform-text-box, 
                body.reset-page #sp-main-body #userForm .row .rsform-input-box, 
                body.reset-page #sp-main-body #userForm .row .rsform-text-box, 
                body.registration-page #sp-main-body #userForm .row .rsform-input-box, 
                body.registration-page #sp-main-body #userForm .row .rsform-text-box, 
                body.profile-page #sp-main-body #userForm .row .rsform-input-box, 
                body.profile-page #sp-main-body #userForm .row .rsform-text-box {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

body.login-page #sp-main-body #userForm .row .form-check-label,  body.reset-page #sp-main-body #userForm .row .form-check-label,  body.registration-page #sp-main-body #userForm .row .form-check-label,  body.profile-page #sp-main-body #userForm .row .form-check-label {
  font-size: 1rem;
  line-height: 1.5rem;
}

body.login-page #sp-main-body #userForm .row .form-check-input:checked[type=checkbox], 
                    body.login-page #sp-main-body #userForm .row .form-check-input:checked[type=radio], 
                    body.reset-page #sp-main-body #userForm .row .form-check-input:checked[type=checkbox], 
                    body.reset-page #sp-main-body #userForm .row .form-check-input:checked[type=radio], 
                    body.registration-page #sp-main-body #userForm .row .form-check-input:checked[type=checkbox], 
                    body.registration-page #sp-main-body #userForm .row .form-check-input:checked[type=radio], 
                    body.profile-page #sp-main-body #userForm .row .form-check-input:checked[type=checkbox], 
                    body.profile-page #sp-main-body #userForm .row .form-check-input:checked[type=radio] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 146 166 / var(--tw-bg-opacity));
}

body.login-page #sp-main-body #userForm .row .rsform-submit-button,  body.reset-page #sp-main-body #userForm .row .rsform-submit-button,  body.registration-page #sp-main-body #userForm .row .rsform-submit-button,  body.profile-page #sp-main-body #userForm .row .rsform-submit-button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

body.login-page #sp-main-body #userForm .row .rsform-submit-button:hover,  body.reset-page #sp-main-body #userForm .row .rsform-submit-button:hover,  body.registration-page #sp-main-body #userForm .row .rsform-submit-button:hover,  body.profile-page #sp-main-body #userForm .row .rsform-submit-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {

  body.login-page #sp-main-body #userForm .row .rsform-submit-button,  body.reset-page #sp-main-body #userForm .row .rsform-submit-button,  body.registration-page #sp-main-body #userForm .row .rsform-submit-button,  body.profile-page #sp-main-body #userForm .row .rsform-submit-button {
    width: auto;
  }
}

body.login-page #sp-main-body #userForm .row .formControls[role="group"] a,  body.reset-page #sp-main-body #userForm .row .formControls[role="group"] a,  body.registration-page #sp-main-body #userForm .row .formControls[role="group"] a,  body.profile-page #sp-main-body #userForm .row .formControls[role="group"] a {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}

body.login-page #sp-main-body #userForm .row .formControls[role="group"] a:hover,  body.reset-page #sp-main-body #userForm .row .formControls[role="group"] a:hover,  body.registration-page #sp-main-body #userForm .row .formControls[role="group"] a:hover,  body.profile-page #sp-main-body #userForm .row .formControls[role="group"] a:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

body.login-page #sp-main-body #userForm .row .formControls[role="group"] a:focus,  body.reset-page #sp-main-body #userForm .row .formControls[role="group"] a:focus,  body.registration-page #sp-main-body #userForm .row .formControls[role="group"] a:focus,  body.profile-page #sp-main-body #userForm .row .formControls[role="group"] a:focus {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

body.login-page #sp-main-body #userForm .row .formControls[role="group"] a:active,  body.reset-page #sp-main-body #userForm .row .formControls[role="group"] a:active,  body.registration-page #sp-main-body #userForm .row .formControls[role="group"] a:active,  body.profile-page #sp-main-body #userForm .row .formControls[role="group"] a:active {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}

body.login-page #sp-main-body #userForm #rsform-password-hint span, body.reset-page #sp-main-body #userForm #rsform-password-hint span, body.registration-page #sp-main-body #userForm #rsform-password-hint span, body.profile-page #sp-main-body #userForm #rsform-password-hint span {
                display: block;
                margin-left: 0;
            }

body.profile-page .form-neousys {
  display: flex;
}

body.profile-page .form-neousys > div {
  padding-left: 1rem;
  padding-right: 1rem;
}

body.profile-page .form-neousys > div ul {
  padding-left: 0px;
}

/* 案例頁面 */
body.story-page .breadcrumb {
  display: none;
}
@media (min-width: 768px) {

  body.story-page .breadcrumb {
    display: flex;
  }
}
body.story-page.view-article #sp-main-body {
  position: relative;
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
body.story-page.view-article #sp-main-body .article-details .article-header {
  display: flex;
  height: 56vh;
  align-items: flex-end;
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .article-header {
    height: calc(100vw * (540 / 1920));
  }
}
body.story-page.view-article #sp-main-body .article-details .article-header .article-full-image {
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -10;
  margin-bottom: 0px;
  height: 100%;
  width: 100vw;
  --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) {

  body.story-page.view-article #sp-main-body .article-details .article-header .article-full-image {
    height: auto;
  }
}
body.story-page.view-article #sp-main-body .article-details .article-header .article-full-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.story-page.view-article #sp-main-body .article-details .article-header .headline-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .article-header .headline-container {
    flex-direction: row;
  }
}
body.story-page.view-article #sp-main-body .article-details .article-header .headline-container h1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .article-header .headline-container h1 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5%;
  }
}
@media (min-width: 1024px) {

  body.story-page.view-article #sp-main-body .article-details .article-header .headline-container h1 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
body.story-page.view-article #sp-main-body .article-details .article-header .headline-container .contact-btn {
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .article-header .headline-container .contact-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .article-header .headline-container .contact-btn {
    text-align: center;
  }
}
body.story-page.view-article #sp-main-body .article-details .article-info {
                margin-top: 30px;
            }
body.story-page.view-article #sp-main-body .article-details .article-info .create,  body.story-page.view-article #sp-main-body .article-details .article-info .modified,  body.story-page.view-article #sp-main-body .article-details .article-info .published {
  display: none;
}
body.story-page.view-article #sp-main-body .article-details .article-intro-image {
  display: none;
}
body.story-page.view-article #sp-main-body .article-details .article-body {
  padding-top: 2rem;
}
body.story-page.view-article #sp-main-body .article-details .article-body a {
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
body.story-page.view-article #sp-main-body .article-details .article-body a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .article-body>h3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
}
body.story-page.view-article #sp-main-body .article-details .article-body p {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 1.5;
}
body.story-page.view-article #sp-main-body .article-details .related-product-container h2 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .related-product-container .neousys_slider .slider-item .item-content .item-title a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
                            word-break: break-word;
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container h2 {
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControlLabel {
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControlLabel {
    text-align: right;
  }

  body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControls:not([role="group"]) {
    padding-right: 25%;
  }
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .rsform-input-box, 
                        body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .rsform-text-box {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .form-check-label {
  font-size: 1rem;
  line-height: 1.5rem;
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .rsform-submit-button {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .rsform-submit-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

  body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .rsform-submit-button {
    width: auto;
  }
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControls[role="group"] a {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControls[role="group"] a:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControls[role="group"] a:focus {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.story-page.view-article #sp-main-body .article-details .contact-form-container .rsform .row .formControls[role="group"] a:active {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.story-page.view-category #sp-main-body .category-header {
  position: relative;
  display: flex;
  height: 56vh;
  align-items: flex-end;
}
@media (min-width: 768px) {

  body.story-page.view-category #sp-main-body .category-header {
    height: calc(100vw * (540 / 1920));
  }
}
body.story-page.view-category #sp-main-body .category-header .category-full-image {
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -10;
  margin-bottom: 0px;
  height: 100%;
  width: 100vw;
  --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) {

  body.story-page.view-category #sp-main-body .category-header .category-full-image {
    height: auto;
  }
}
body.story-page.view-category #sp-main-body .category-header .category-full-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.story-page.view-category #sp-main-body .category-header .headline-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {

  body.story-page.view-category #sp-main-body .category-header .headline-container {
    flex-direction: row;
  }
}
body.story-page.view-category #sp-main-body .category-header .headline-container h2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
@media (min-width: 768px) {

  body.story-page.view-category #sp-main-body .category-header .headline-container h2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {

  body.story-page.view-category #sp-main-body .category-header .headline-container h2 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
body.story-page.view-category #sp-main-body .category-header .contact-btn {
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.story-page.view-category #sp-main-body .category-header .contact-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

  body.story-page.view-category #sp-main-body .category-header .contact-btn {
    text-align: center;
  }
}
body.story-page.view-category #sp-main-body .category-desc {
  margin-top: 3rem;
}
body.story-page.view-category #sp-main-body .article-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body.story-page.view-category #sp-main-body .article-list .article {
  margin: 0px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  padding-left: 0px;
  padding-right: 0px;
}
body.story-page.view-category #sp-main-body .article-list .article .article-intro-image {
  margin-left: 0px;
  display: none;
}
body.story-page.view-category #sp-main-body .article-body {
  display: flex;
  flex-direction: column;
}
body.story-page.view-category #sp-main-body .article-header {
  order: 2;
}
body.story-page.view-category #sp-main-body .article-header h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body.story-page.view-category #sp-main-body .article-info {
  order: 1;
  margin: 0px;
}
body.story-page.view-category #sp-main-body .article-introtext {
  order: 3;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {

  body.story-page.view-category #sp-main-body .article-introtext {
    flex-direction: row;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  body.story-page.view-category #sp-main-body .article-introtext .readmore {
    margin-left: auto;
  }
}
body.story-page.view-category #sp-main-body .article-introtext .readmore a {
  display: block;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.story-page.view-category #sp-main-body .article-introtext .readmore a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body.story-page.view-category #sp-main-body .article-introtext .readmore a {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
body.story-page.view-category #sp-main-body .article-introtext p {
                font-size: 14px;
                margin-bottom: 5px;
            }
body.story-page.view-category #sp-main-body .article-introtext p.color-orange {
                    color: #ea580c;
                }
body.story-page.view-category #sp-main-body .fields-container {
  display: none;
}
body.story-page.view-tag #sp-main-body .category-header {
  position: relative;
  display: flex;
  height: 56vh;
  align-items: flex-end;
}
@media (min-width: 768px) {

  body.story-page.view-tag #sp-main-body .category-header {
    height: calc(100vw * (540 / 1920));
  }
}
body.story-page.view-tag #sp-main-body .category-header .category-full-image {
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -10;
  margin-bottom: 0px;
  height: 100%;
  width: 100vw;
  --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) {

  body.story-page.view-tag #sp-main-body .category-header .category-full-image {
    height: auto;
  }
}
body.story-page.view-tag #sp-main-body .category-header .category-full-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.story-page.view-tag #sp-main-body .category-header .headline-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {

  body.story-page.view-tag #sp-main-body .category-header .headline-container {
    flex-direction: row;
  }
}
body.story-page.view-tag #sp-main-body .category-header .headline-container h2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  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);
}
@media (min-width: 768px) {

  body.story-page.view-tag #sp-main-body .category-header .headline-container h2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {

  body.story-page.view-tag #sp-main-body .category-header .headline-container h2 {
    font-size: 3.75rem;
    line-height: 1;
  }
}
body.story-page.view-tag #sp-main-body .category-header .contact-btn {
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.story-page.view-tag #sp-main-body .category-header .contact-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

  body.story-page.view-tag #sp-main-body .category-header .contact-btn {
    text-align: center;
  }
}
body.story-page.view-tag #sp-main-body .category-desc {
  margin-top: 3rem;
}
body.story-page.view-tag #sp-main-body .article-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body.story-page.view-tag #sp-main-body .article-list .article {
  margin: 0px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  padding-left: 0px;
  padding-right: 0px;
}
body.story-page.view-tag #sp-main-body .article-list .article .article-intro-image {
  display: none;
}
body.story-page.view-tag #sp-main-body .article-body {
  display: flex;
  flex-direction: column;
}
body.story-page.view-tag #sp-main-body .article-header {
  order: 2;
}
body.story-page.view-tag #sp-main-body .article-header h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body.story-page.view-tag #sp-main-body .article-introtext {
  order: 3;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {

  body.story-page.view-tag #sp-main-body .article-introtext {
    flex-direction: row;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  body.story-page.view-tag #sp-main-body .article-introtext .readmore {
    margin-left: auto;
  }
}
body.story-page.view-tag #sp-main-body .article-introtext .readmore a {
                    font-size: 14px;
                    padding: 11px 16px;
                    display: block;
                    white-space: nowrap;
                    --tw-bg-opacity: 1;
                    background-color: rgb(234 88 12 / var(--tw-bg-opacity));
                    text-align: center;
                    --tw-text-opacity: 1;
                    color: rgb(238 238 238 / var(--tw-text-opacity));
                }
body.story-page.view-tag #sp-main-body .article-introtext .readmore a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.story-page.view-tag #sp-main-body .article-introtext p {
                font-size: 14px;
                margin-bottom: 5px;
            }
body.story-page.view-tag #sp-main-body .article-introtext p.color-orange {
                    color: #ea580c;
                }
/*  2024-05-07 選單連結的css樣式取消 */
#sp-menu #desktop-menu .menu-item a.case-studies {
                pointer-events: none;
            }
/* 投資人園地 */
.investors .rsform .rsform-block-module-name {
  display: none;
}

/* 全球經銷商 */
body #sp-main-body .partners .page-header {
  position: relative;
  left: 50%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: 100vw;
  --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));
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(233 236 239 / var(--tw-bg-opacity));
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header {
    height: auto;
  }
}
body #sp-main-body .partners .page-header img {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body #sp-main-body .partners .page-header .container {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
body #sp-main-body .partners .page-header .container h1 {
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header .container h1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 3rem;
    line-height: 1;
  }
}
body #sp-main-body .partners .page-header .container .select-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header .container .select-wrapper {
    width: -moz-fit-content;
    width: fit-content;
  }
}
body #sp-main-body .partners .page-header .container .select-wrapper {

                    /* &.collapse:after {
                        @apply tw-rotate-[270deg];
                    } */
                }
/* .select-wrapper:after {
                    @apply tw-font-awesome tw-font-black tw-content-['\f04b'] tw-flex tw-items-center tw-justify-center tw-w-9 tw-h-9 tw-text-gray-700 tw-text-sm tw-leading-none tw-rotate-90 tw-bg-gray-200 tw-transition-transform tw-duration-300;
                    @apply tw-absolute -tw-z-0 tw-pointer-events-none tw-right-0 tw-border-gray-500 tw-border-solid;
                } */
body #sp-main-body .partners .page-header .container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border-width: 0;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body #sp-main-body .partners .page-header .container select option {
  line-height: 1;
}
body #sp-main-body .partners .page-header .container .partner-type-navigation {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header .container .partner-type-navigation {
    margin-left: 0px;
    margin-right: 0px;
  }
}
body #sp-main-body .partners .page-header .container .partner-type-navigation a {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  display: flex;
  width: 13rem;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body #sp-main-body .partners .page-header .container .partner-type-navigation a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .page-header .container .partner-type-navigation a {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
body #sp-main-body .partners .page-header .container .partner-type-navigation a.active {}
body #sp-main-body .partners .page-header .container.dark-mode h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body #sp-main-body .partners .partner-type-title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .partner-type-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
body #sp-main-body .partners .items-row {
  margin-bottom: 4rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body #sp-main-body .partners .items-row .item {
  display: none;
  flex-direction: column;
  border-width: 1px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
body #sp-main-body .partners .items-row .item .specialty {
  order: 2;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .specialty {
    order: 1;
    padding: 0.75rem;
    max-height: 52px;
  }
}
body #sp-main-body .partners .items-row .item .article-intro-image {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .article-intro-image {
    order: 2;
    width: 50%;
  }
}
body #sp-main-body .partners .items-row .item .article-intro-image img {
  max-height: 5rem;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .article-intro-image img {
    max-height: 7.5rem;
  }
}
body #sp-main-body .partners .items-row .item .article-profile {
  order: 3;
  word-break: break-all;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .article-profile {
    width: 50%;
    padding: 2rem;
  }
}
body #sp-main-body .partners .items-row .item .article-profile .partner-title {
  padding: 0px;
}
body #sp-main-body .partners .items-row .item .article-profile .partner-title h3 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .article-profile .partner-title h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
body #sp-main-body .partners .items-row .item .article-profile .partner-title h3 {
                            word-break: keep-all;
                        }
body #sp-main-body .partners .items-row .item .article-profile .fields-container {
  font-size: 0.8125rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-row .item .article-profile .fields-container {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
body #sp-main-body .partners .items-row .item .article-profile .fields-container .field-label {
  font-weight: 600;
}
body #sp-main-body .partners .items-row .item .article-profile .icons {
  display: none;
}
body #sp-main-body .partners .items-row .item.active {
  display: flex;
}
body #sp-main-body .partners .items-container {
  display: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {

  body #sp-main-body .partners .items-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
body #sp-main-body .partners .items-container.active {
  display: block;
}

/* phocadownload */
/* 目錄及摺頁 */
body.com-phocadownload.catalog-and-brochure #sp-section-1 .breadcrumb-module {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
body.com-phocadownload.catalog-and-brochure #sp-main-body {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .sub-categories-anchors {
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .sub-categories-anchors {
    display: flex;
  }
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .sub-categories-anchors:before {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 0;
  height: 100%;
  width: 100vw;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .sub-categories-anchors a {
  position: relative;
  z-index: 10;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .sub-categories-anchors a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-subcategory-title {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-subcategory-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 2;
  }
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-subcategory {
  margin: 0px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(115 115 115 / var(--tw-border-opacity));
  background-image: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {

  body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-subcategory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    row-gap: 1.5rem;
  }
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-filebox {
  margin: 0px;
  display: flex;
  flex-direction: column;
  padding: 0px;
                    /* &:hover .pd-image img {
                        transform: rotateX(20deg) rotateY(-20deg) rotateZ(0deg) scale(1.07);
                    } */
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-image {
  float: none;
  margin: 0px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / 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);
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-image img {
  height: auto;
  width: 100%;
  transform-origin: left;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-filename {
  margin: 0px;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-filename .label {
  display: none;
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-fdesc {
  margin-bottom: 0.75rem;
  display: none;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.8125rem;
  line-height: 1.375;
}
@media (min-width: 1024px) {
    body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-fdesc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 4;
    }
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-buttons {
  float: none;
  margin: 0px;
  margin-top: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a {
  margin-left: auto;
  margin-right: auto;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.8125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {

  body.com-phocadownload.catalog-and-brochure #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a {
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
/* EBooks 下載 */
body.com-phocadownload.ebooks #sp-section-1 .breadcrumb-module {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
body.com-phocadownload.ebooks #sp-main-body {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .sub-categories-anchors {
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {

  body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .sub-categories-anchors {
    display: flex;
  }
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .sub-categories-anchors:before {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 0;
  height: 100%;
  width: 100vw;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .sub-categories-anchors a {
  position: relative;
  z-index: 10;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .sub-categories-anchors a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-subcategory-title {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-subcategory-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    line-height: 2;
  }
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-subcategory {
  margin: 0px;
  margin-bottom: 4rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  background-image: none;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 1024px) {

  body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-subcategory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-filebox {
  margin: 0px;
  display: flex;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0px;
  --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);
                    /* &:hover .pd-image img {
                        transform: rotateX(20deg) rotateY(-20deg) rotateZ(0deg) translateY(0px) scale(1.05);
                    } */
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-image {
  float: none;
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-image img {
  height: auto;
  width: 100%;
  transform-origin: left;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-filename {
  margin: 0px;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-fdesc {
  margin-bottom: 0.75rem;
  display: none;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 0.8125rem;
  line-height: 1.375;
}
@media (min-width: 1024px) {
    body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-fdesc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 4;
    }
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-buttons {
  float: none;
  margin: 0px;
  margin-top: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a {
  margin-left: auto;
  margin-right: auto;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.8125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 20 32 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {

  body.com-phocadownload.ebooks #sp-main-body #phoca-dl-category-box .pd-buttons .pd-button-download a {
    width: -moz-fit-content;
    width: fit-content;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
/* Service & Support - Downloads & Drivers */
body.com-phocadownload.pd-tellustek-page.zh-cn .pd-category {
                padding-top: 4rem;
            }
body.com-phocadownload.pd-tellustek-page .pginline {
  display: none;
}
body.com-phocadownload.pd-tellustek-page .pd-category {
            padding-top: 9rem;
        }
/*2024-04-09添加警語的自訂模組在Downloads & Drivers的標題上方*/
body.com-phocadownload.pd-tellustek-page .pd-category >.custom {
                margin-bottom: 5rem;
            }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-ctitle {
                border-left: 0 !important;
                border-right: 0 !important;
                border-top: 0 !important;
                background: none !important;
                padding: 0 0 25px 0 !important;
            }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-cdesc .hikashop_product_name {
                    padding: 10px 20px;
                    background: #666;
                    font-size: 14px;
                    border-radius: 5px;
                    width: 100%;
                    margin: 5px 0;
                    display: block;
                    text-align: left;
                }
@media(max-width: 767px) {
body.com-phocadownload.pd-tellustek-page .pd-category .pd-cdesc .hikashop_product_name {
                        width: 100%;
                        margin: 10px 0 0 0
                }
                    }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-cdesc .hikashop_product_name a {
                        color: #fff !important;
                    }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-hr-cb {
                margin-top: 10px;
                border-bottom: 1px solid #e9e9e9;
            }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-subcategory {
                padding: 5px 15px;
                background: #0792A6 !important;
                font-size: 18px;
                border-radius: 5px;
                margin: 5px 5px;
                display: inline-block;
            }
body.com-phocadownload.pd-tellustek-page .pd-category .pd-subcategory:before {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
                    content: '\f07c';
                    font-family: 'Font Awesome 5 Free';
                    font-size: 18px;
                    margin-right: 5px;
}
body.com-phocadownload.pd-tellustek-page .pd-category .pd-subcategory a {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.com-phocadownload.pd-tellustek-page .pd-category .pd-subcategory small {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.com-phocadownload.pd-tellustek-page .pd-category .pd-buttons .pd-button-download a {
  display: block;
  width: 100%;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
}
@media (min-width: 1024px) {

  body.com-phocadownload.pd-tellustek-page .pd-category .pd-buttons .pd-button-download a {
    width: 12rem;
  }
}
body.com-phocadownload.pd-tellustek-page .pd-category .pd-buttons .pd-button-download a:hover {
  cursor: pointer;
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
body.com-phocadownload.pd-tellustek-page .sp-column > div:last-child {
                font-size: 12px;
            }
/* body.download-resources {
    .article-details {
        div[itemprop="articleBody"] {
            .tab-pane {
                @apply tw-mt-0 !important;
            }
        }
    }
} */

/* 影音中心 */
body.com-content.video-center #sp-section-1 .breadcrumb-module {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
body.com-content.video-center #sp-main-body .page-header {
  position: relative;
  left: 50%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  width: 100vw;
  --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));
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 0px;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .page-header {
    height: 8rem;
  }
}
body.com-content.video-center #sp-main-body .page-header img {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.com-content.video-center #sp-main-body .page-header .container {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .page-header .container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
body.com-content.video-center #sp-main-body .page-header .container h1 {
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .page-header .container h1 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 3rem;
    line-height: 1;
  }
}
body.com-content.video-center #sp-main-body .page-header .container .video-category-navigation {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .page-header .container .video-category-navigation {
    margin-left: 0px;
    margin-right: 0px;
    flex-direction: row;
  }
}
body.com-content.video-center #sp-main-body .page-header .container .video-category-navigation a {
  position: relative;
  z-index: 10;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: block;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(115 115 115 / var(--tw-border-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
body.com-content.video-center #sp-main-body .page-header .container .video-category-navigation a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.com-content.video-center #sp-main-body .page-header .container.dark-mode h1 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.com-content.video-center #sp-main-body .video-category-title {
  display: flex;
}
body.com-content.video-center #sp-main-body .video-category-title h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .video-category-title h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
body.com-content.video-center #sp-main-body .items-container {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .items-container {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
body.com-content.video-center #sp-main-body .items-container:before {
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -10;
  height: 100%;
  width: 100vw;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}
body.com-content.video-center #sp-main-body .items-container .item {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
body.com-content.video-center #sp-main-body .items-container .item .videos-row {
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  -moz-column-gap: 0px;
       column-gap: 0px;
  row-gap: 2rem;
}
@media (min-width: 1024px) {

  body.com-content.video-center #sp-main-body .items-container .item .videos-row {
    margin-bottom: 4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
  }
}
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-player {
                            position: relative;
                        }
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-player:before {
                                background-color: rgba(0, 0, 0, 0.1);
                                display: block;
                                content: '';
                                width: 100%;
                                height: 100%;
                                position: absolute;
                            }
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-player:after {
                                content: '\f144';
                                font-family: 'Font Awesome 5 Free';
                                font-size: 72px;
                                position: absolute;
                                left: 40%;
                                top: 45%;
                            }
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-details {
  padding: 1rem;
}
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-details h3 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
body.com-content.video-center #sp-main-body .items-container .item .videos-row .video-box .video-details p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 4;
        margin-bottom: 0px;
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: 1.375;
    }

/* 隱私權政策 */
#sp-footer .gdpr-container {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1001;
  display: flex;
  width: 100%;
  flex-direction: row;
  overflow: auto;
  background-color: rgb(60 63 66 / var(--tw-bg-opacity));
  --tw-bg-opacity: .85;
  padding: 1rem;
  flex-direction: column;
}
#sp-footer .gdpr-container .col-sm-9.col-md-9 {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
#sp-footer .gdpr-container .col-sm-9.col-md-9 h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#sp-footer .gdpr-container .col-sm-3.col-md-3 {
  display: flex;
  justify-content: flex-end;
}
#sp-footer .gdpr-container .col-sm-3.col-md-3 .btn-inner {
  width: 9rem;
  white-space: nowrap;
  padding: 0.5rem;
  text-align: center;
  opacity: .85;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
#sp-footer .gdpr-container .col-sm-3.col-md-3 .btn-inner:hover {
  opacity: 1;
}
#sp-footer .gdpr-container .col-sm-3.col-md-3 .btn-inner-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#sp-footer .gdpr-container .col-sm-3.col-md-3 .btn-inner-green {
  --tw-bg-opacity: 1;
  background-color: rgb(95 113 130 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* 回到最上方 */
#sp-position1 .custom.go-top a {
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
#sp-position1 .custom.go-top a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}


/* 頁尾 Footer */
#sp-bottom {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
#sp-bottom .row .sp-module-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 768px) {

  #sp-bottom .row .sp-module-title {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 2.5;
  }
}
#sp-bottom .row>#sp-bottom1 .sp-module-content .custom>ul {
  -moz-columns: 2;
       columns: 2;
}
#sp-bottom .row> :not(#sp-bottom5) .sp-module-title {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  text-align: left;
}
#sp-bottom .row> :not(#sp-bottom5) .sp-module-content a {
  font-size: 1rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
#sp-bottom .row> :not(#sp-bottom5) .sp-module-content a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

  #sp-bottom .row> :not(#sp-bottom5) .sp-module-content a {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
#sp-bottom .row>#sp-bottom5 .sp-module-title {
  margin-bottom: 0px;
}
#sp-bottom .subscribe-btn {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 180px;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 300;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#sp-bottom .subscribe-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
#sp-bottom ul.list-inline {
  display: flex;
  justify-content: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
#sp-bottom ul.list-inline>li {
  margin-bottom: 0px;
  min-width: 40px;
  text-align: center;
}
#sp-bottom ul.list-inline>li .fab {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#sp-bottom ul.list-inline>li .fab:hover {
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

#sp-mobile-bottom ul.list-column {
  padding-left: 1rem;
  padding-right: 1rem;
}

#sp-mobile-bottom ul.list-column>li a {
  display: block;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 2.5;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

#sp-mobile-bottom ul.list-inline {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#sp-mobile-bottom ul.list-inline>li {
  margin-bottom: 0px;
  min-width: 40px;
  text-align: center;
}

#sp-mobile-bottom ul.list-inline>li .fab {
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#sp-mobile-bottom ul.list-inline>li .fab:hover {
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}

/* Customization Service */
body.custom-service .article-details {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* about events */
body.about-events #sp-main-body {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
body.about-events #sp-main-body .pagination-wrapper {
        justify-content: space-around !important;
        margin-top: 32px;
    }
body.about-events #sp-main-body .pagination-wrapper .page-item.active .page-link {
  --tw-border-opacity: 1;
  border-color: rgb(7 146 166 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(7 146 166 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.about-events #sp-main-body .article-list .article {
            display: flex;
            align-items: center;
            margin: 30px 0 30px 0;
            border-radius: 0;
            border-bottom: 0;
            padding: 0;
            border: 0;
        }
body.about-events #sp-main-body .article-list .article .article-intro-image {
                flex: 0 0 50%;
                max-width: 50%;
                border-radius: 0;
                border-bottom: 0;
                padding: 0 16px;
                margin: 0;
            }
body.about-events #sp-main-body .article-list .article .article-intro-image img {
                    width: 100%;
                    max-width: 250px;
                    border-radius: 0;
                }
body.about-events #sp-main-body .article-list .article .article-body {
                flex: 0 0 50%;
                max-width: 50%;
                padding: 0 16px;
            }
body.about-events #sp-main-body .article-list .article .article-body h2 {
                    margin-top: 0;
                }
body.about-events #sp-main-body .article-list .article .article-body h5 {
                    font-size: 20px;
                    line-height: 1.5;
                    margin: 0;
                }
body.about-events #sp-main-body .article-list .article .article-body .article-introtext .btn-blue.btn-lg {
                        padding: 0rem 0rem;
                        margin-bottom: 0rem;
                        font-size: 18px;
                        margin-top: 15px;
                    }
body.about-events #sp-main-body .article-list .article .article-body .article-introtext .btn-blue.btn-lg a {
                            padding: 0.5rem 1rem;
                            background: #0792A6;
                            color: #fff;

                        }
body.about-events #sp-main-body .article-list .article .article-body .article-introtext p {
                        font-size: 15px;
                        margin-bottom: 5px;
                    }
body.about-events #sp-main-body .article-list .article .article-body .article-introtext p.color-orange {
                            color: #ea580c;
                        }

/* error 404 page */
html.error-page body {
        padding-top: 0 !important;
        display: block !important;
    }
html.error-page body #sp-header {
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
        }
html.error-page body #sp-header .error-logo {
                width: 150px;
                margin-bottom: 0;
            }
html.error-page body #sp-main-body .page404 h1 {
                    font-size: 6rem;
                    line-break: 1;
                }
html.error-page body #sp-main-body .page404 h4 {
                    color: #E74700;
                    font-size: 24px;
                    margin: 25px 0;
                }
html.error-page body #sp-main-body .page404 hr {
                    margin: 32px 0;
                }
html.error-page body #sp-main-body .page404 ul {
                    font-size: 18px;
                    line-height: 1.6;
                    padding-left: 18px;
                    text-align: left;
                    list-style-type: disc;
                }
html.error-page body #sp-main-body .page404 ul a {
                        color: #e74700;
                    }
html.error-page body #sp-main-body a {
                background: transparent;
                border-color: #e74700;
            }

/* contact > where to buy */
body.wheretobuy .breadcrumb-module {
        background-color: #e9ecef;
    }

body.view-search #sp-main-body {
        padding-bottom: 60px;
    }

@media(min-width: 992px) {

body.view-search #sp-main-body {
            min-height: 484px
    }
        }

@media(max-width: 767px) {

body.view-search #sp-main-body {
            padding: 25px 0
    }
        }

body.view-search #sp-main-body #sp-component .search #searchForm {
                    display: flex;
                    flex-wrap: wrap;
                }

body.view-search #sp-main-body #sp-component .search #searchForm .phrases .ordering-box {
                            display: none;
                            margin-bottom: 0;
                        }

body.view-search #sp-main-body #sp-component .search #searchForm .only label.checkbox[for="area-manufacturers"] {
                            display: none;
                        }

body.view-search #sp-main-body #sp-component .search #searchForm .form-limit {
                        display: none;
                    }

body.view-search #sp-main-body #sp-component .search #searchForm label {
                        margin: 0 10px 10px;
                    }

body.view-search #sp-main-body #sp-component .search #searchForm label.checkbox,
                        body.view-search #sp-main-body #sp-component .search #searchForm label.radio {
                            font-size: 16px;
                        }

body.view-search #sp-main-body #sp-component .search .search-results dd {
                        margin: 3px 0;
                    }

body.view-search #sp-main-body #sp-component .search .search-results .result-title {
                        font-size: 18px;
                        font-weight: normal;
                    }

body.view-search #sp-main-body #sp-component .search .search-results .fa {
                        margin-right: 5px;
                    }

body.view-search #sp-main-body #sp-component .search .search-results .result-created {
                        font-size: 14px;
                        color: #888;
                        display: inline-block;
                    }

body.view-search #sp-main-body #sp-component .search .search-results .result-category {
                        display: inline-block;
                        font-size: 14px;
                        margin-right: 10px;
                        color: #000;
                        font-weight: bold;
                    }

body.view-search #sp-main-body #sp-component .search .search-results .result-text {
                        font-size: 15px;
                    }

body.view-search #sp-main-body #sp-component .pagination {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-type: none;
  padding-left: 0px;
}

/* 全站樣式 */
/* 文章 含 表單 */
body.helix-ultimate #sp-main-body .formStyle {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}
body.helix-ultimate #sp-main-body .formStyle .row .formControlLabel {
  float: none;
  width: 13rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(62 58 57 / var(--tw-text-opacity));
}
@media (min-width: 768px) {

  body.helix-ultimate #sp-main-body .formStyle .row .formControlLabel {
    text-align: right;
  }
}
body.helix-ultimate #sp-main-body .formStyle .row .formControls:not([role="group"]) {
  float: left;
}
@media (min-width: 768px) {

  body.helix-ultimate #sp-main-body .formStyle .row .formControls:not([role="group"]) {
    padding-right: 5%;
  }
}
body.helix-ultimate #sp-main-body .formStyle .row .formControls[role="group"] a {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .formControls[role="group"] a:hover {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .formControls[role="group"] a:focus {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .formControls[role="group"] a:active {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .form-group {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-input-box, 
                body.helix-ultimate #sp-main-body .formStyle .row .rsform-text-box {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .form-check-label {
  font-size: 1rem;
  line-height: 1.5rem;
}
body.helix-ultimate #sp-main-body .formStyle .row .form-check-input:checked[type=checkbox], 
                    body.helix-ultimate #sp-main-body .formStyle .row .form-check-input:checked[type=radio] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 146 166 / var(--tw-bg-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-submit-button {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  white-space: nowrap;
  border-radius: 0px;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-submit-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {

  body.helix-ultimate #sp-main-body .formStyle .row .rsform-submit-button {
    width: auto;
  }
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-submit-button {
  display: inline-block !important;
}
body.helix-ultimate #sp-main-body .formStyle .row #overlap.loading-state {
  display: none;
}
body.helix-ultimate #sp-main-body .formStyle .row .checkbox-inline, 
                body.helix-ultimate #sp-main-body .formStyle .row .radio-inline {
  padding-right: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
body.helix-ultimate #sp-main-body .formStyle .row .checkbox-inline .rsform-radio, 
                    body.helix-ultimate #sp-main-body .formStyle .row .checkbox-inline .rsform-checkbox, 
                    body.helix-ultimate #sp-main-body .formStyle .row .radio-inline .rsform-radio, 
                    body.helix-ultimate #sp-main-body .formStyle .row .radio-inline .rsform-checkbox {
  margin-right: 0.25rem;
}
body.helix-ultimate #sp-main-body .formStyle .row .checkbox-inline, 
                body.helix-ultimate #sp-main-body .formStyle .row .form-check-inline {
  margin: 0px;
  width: 32%;
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-block-request-consent .checkbox-inline {
  width: auto;
}
body.helix-ultimate #sp-main-body .formStyle .row .rsform-block-header h5,
                    body.helix-ultimate #sp-main-body .formStyle .row .rsform-block-header p {
                        font-size: 14px !important;
                    }
/* checkbox order */
body.helix-ultimate #sp-main-body .formStyle .row .rsform-block-interestedproduct .formControls {
                        display: flex;
                        flex-wrap: wrap;
                    }
body.helix-ultimate #sp-main-body .formStyle .row .rsform-block-interestedproduct .formControls .form-check.checked {
                                order: -1;
                            }
/* 2024-05-16 上海站用原生captcha，讓文字變白色 */
body.helix-ultimate #sp-main-body .rsform-captcha-refresh-button {
            color: #fff !important;
        }
/* 文章 內頁 */
/* 關於Neousys */
body.helix-ultimate #sp-main-body.view-article.layout-default.about-page .section hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body.helix-ultimate #sp-main-body.view-article.layout-default.about-page .section ul {
  list-style-position: inside;
  list-style-type: disc;
}
/* 新聞 明細頁 */
body.helix-ultimate #sp-main-body.view-article.layout-default.press #sp-main-body .article-header h1 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}
@media (min-width: 1024px) {

  body.helix-ultimate #sp-main-body.view-article.layout-default.press #sp-main-body .article-header h1 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
body.helix-ultimate #sp-main-body.view-article.layout-default.press #sp-main-body .article-ratings-social-share {
  display: none !important;
}
body.helix-ultimate #sp-main-body.view-article.layout-default.press #sp-main-body .about-neousys {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body.helix-ultimate #sp-main-body.view-article.layout-default.press #sp-main-body .about-neousys:before {
  position: absolute;
  left: 50%;
  top: 0px;
  z-index: -10;
  height: 100%;
  width: 100vw;
  --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));
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  --tw-content: '';
  content: var(--tw-content);
}
/* 文章 列表頁 */
/* 分類上方的文字說明區塊 */
body.helix-ultimate #sp-main-body.view-category.layout-blog #sp-main-body .blog .category-desc {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* 新聞 列表頁 */
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .blog {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .blog .pagination-wrapper {
                            justify-content: space-around !important;
                        }
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .blog .pagination-wrapper ul.pagination {
  list-style-type: none;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .blog .pagination-wrapper .page-item.active .page-link {
  --tw-border-opacity: 1;
  border-color: rgb(234 88 12 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-list .article {
  margin: 0px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-body {
  display: flex;
  flex-direction: column;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-header {
  order: 2;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-header h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-header h2 a {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-header h2 a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-info {
  order: 1;
  margin: 0px;
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext {
  order: 3;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {

  body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext {
    flex-direction: row;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext .readmore {
    margin-left: auto;
  }
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext .readmore a {
  display: block;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity));
  padding: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(238 238 238 / var(--tw-text-opacity));
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext .readmore a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px) {

  body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext .readmore a {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext p {
                            font-size: 15px;
                            margin-bottom: 5px;
                        }
body.helix-ultimate #sp-main-body.view-category.layout-blog.press #sp-main-body .article-introtext p.color-orange {
                                color: #ea580c;
                            }


/* 2024-12 request-inquiry 表單上方的自訂模組*/
.inquiry_list_check .subtitle {
        display: block;
    }
.inquiry_list_check button {
        font-size: 16px;
        border-radius: 0px;
    }
.inquiry_list_check .cell button {
        }
.inquiry_list_check .col-auto button {
            min-width: 192px;
            height: 46px;
            font-size: 18px;
        }

/* 側邊欄選單 */
#join-neousys {
    cursor: move;
    width: 70px;
    height: 60px;
    right: 0;
    top: 70px;
    transition: all 0.3s ease-in-out;
}
#join-neousys:hover {
        width: 257px;
        top: 70px;
        right: 0;
    }
@media (min-width: 1200px) {

  .xl\:tw-w-auto {
    width: auto;
  }

  .xl\:tw-justify-end {
    justify-content: flex-end;
  }

  .xl\:tw-text-left {
    text-align: left;
  }
}