/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  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 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
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.
*/

/*
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,
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-feature-settings: inherit; /* 1 */
  font-variation-settings: 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.
*/

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

/*
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: -0.125rem; /* 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.
*/

/*
Removes the default spacing and border for appropriate elements.
*/


dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::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,
audio,
iframe,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-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-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
}

::backdrop {
  --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-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
}
.container {
  width: 100%;
}
.truncate-2 {
  display: -webkit-box;;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.left-1\/2 {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.z-\[1\] {
  z-index: 1;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-\[15px\] {
  margin-bottom: 0.9375rem;
}
.mb-\[20px\] {
  margin-bottom: 1.25rem;
}
.ml-\[5px\] {
  margin-left: 0.3125rem;
}
.mr-\[15px\] {
  margin-right: 0.9375rem;
}
.mr-\[5px\] {
  margin-right: 0.3125rem;
}
.mr-\[6px\] {
  margin-right: 0.375rem;
}
.mt-\[-75px\] {
  margin-top: -4.6875rem;
}
.mt-\[-82px\] {
  margin-top: -5.125rem;
}
.mt-\[20px\] {
  margin-top: 1.25rem;
}
.mt-\[40px\] {
  margin-top: 2.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-\[20px\] {
  height: 1.25rem;
}
.h-full {
  height: 100%;
}
.min-h-\[45px\] {
  min-height: 2.8125rem;
}
.w-\[10\.5\%\] {
  width: 10.5%;
}
.w-\[12\%\] {
  width: 12%;
}
.w-\[13\%\] {
  width: 13%;
}
.w-\[14\%\] {
  width: 14%;
}
.w-\[20px\] {
  width: 1.25rem;
}
.w-\[21\%\] {
  width: 21%;
}
.w-\[22\%\] {
  width: 22%;
}
.w-\[28\%\] {
  width: 28%;
}
.w-\[30px\] {
  width: 1.875rem;
}
.w-\[9\%\] {
  width: 9%;
}
.w-\[auto\] {
  width: auto;
}
.w-full {
  width: 100%;
}
.max-w-\[inherit\] {
  max-width: inherit;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.-translate-x-1\/2 {
  --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));
}
.-translate-y-1\/2 {
  --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));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.gap-x-\[10px\] {
  column-gap: 0.625rem;
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem*var(--tw-space-y-reverse));
}
.divide-y-\[1px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
}
.divide-\[\#e9e3de\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(233 227 222 / var(--tw-divide-opacity));
}
.overflow-hidden {
  overflow: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-b-\[20px\] {
  border-bottom-right-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.border {
  border-width: 1px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-b-\[\#e9e3de\] {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(233 227 222 / var(--tw-border-opacity));
}
.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#fff8f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 245 / var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.fill-current {
  fill: currentColor;
}
.pr-\[25px\] {
  padding-right: 1.5625rem;
}
.pt-\[100px\] {
  padding-top: 6.25rem;
}
.pt-\[85px\] {
  padding-top: 5.3125rem;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-\[16px\] {
  font-size: 1rem;
}
.font-bold {
  font-weight: 700;
}
.text-\[\#000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-\[\#9b9b9b\] {
  --tw-text-opacity: 1;
  color: rgb(155 155 155 / var(--tw-text-opacity));
}
.text-\[\#e60000\] {
  --tw-text-opacity: 1;
  color: rgb(230 0 0 / var(--tw-text-opacity));
}
.text-\[\#f57062\] {
  --tw-text-opacity: 1;
  color: rgb(245 112 98 / var(--tw-text-opacity));
}
.text-\[\#ff6859\] {
  --tw-text-opacity: 1;
  color: rgb(255 104 89 / var(--tw-text-opacity));
}
.text-\[\#ffb926\] {
  --tw-text-opacity: 1;
  color: rgb(255 185 38 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.blur {
  --tw-blur: blur(0.5rem);
  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);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
select::-ms-expand {
    display: none;
  }
input,
select {
  appearance: none;
}
input:focus, select:focus {
    outline: none;
    border: none;
  }
a {
  text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
  }
a:focus {
    outline: none;
  }
body {
  overflow-x: hidden;
}
.mgr-1 {
    margin-right: 5PX !important;
  }
.pdt-2 {
    padding-top: 10PX !important;
  }
.mgr-2 {
    margin-right: 10PX !important;
  }
.mgl-2 {
    margin-left: 10PX !important;
  }
.pdt-4 {
    padding-top: 20PX !important;
  }
.mgt-5 {
    margin-top: 25PX !important;
  }
.common-icon{
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 30PX;
  display: inline-block;
}
.common-icon.icon-lg{
    width: 38PX;
  }
.common-icon.icon-sm{
    width: 20PX;
  }
.common-icon::after{
    content: "";
    display: block;
    padding-top: 100%;
  }
.common-icon.arrow-left-gray{
    background-image: url(../../images/fund/icon/arrow_left_gray.svg?a2e7e067);
  }
.common-icon.arrow-right-gray{
    background-image: url(../../images/fund/icon/arrow_right_gray.svg?a2e7e067);
  }
.common-icon.arrow-right-white{
    background-image: url(../../images/fund/icon/arrow_right_white.svg?a2e7e067);
  }
.common-icon.arrow-top{
    background-image: url(../../images/fund/icon/arrow_top.svg?a2e7e067);
  }
.common-icon.breadcrumb-arrow{
    background-image: url(../../images/fund/icon/breadcrumb_arrow.svg?a2e7e067);
  }
.common-icon.select-arrow-black{
    background-image: url(../../images/fund/icon/select_arrow_black.svg?a2e7e067);
  }
.common-icon.search{
    background-image: url(../../images/fund/icon/search.svg?a2e7e067);
  }
.common-icon.menu-expand-arrow{
    background-image: url(../../images/fund/icon/menu_expand_arrow.svg?a2e7e067);
  }
.common-icon.user{
    background-image: url(../../images/fund/icon/user.svg?a2e7e067);
  }
.common-icon.house{
    background-image: url(../../images/fund/icon/house.svg?a2e7e067);
  }
.common-icon.sidebar-order{
    background-image: url(../../images/fund/icon/sidebar_order.svg?a2e7e067);
  }
.common-icon.sidebar-dividend{
    background-image: url(../../images/fund/icon/sidebar_dividend.svg?a2e7e067);
  }
.common-icon.sidebar-value{
    background-image: url(../../images/fund/icon/sidebar_value.svg?a2e7e067);
  }
.common-icon.sidebar-account{
    background-image: url(../../images/fund/icon/sidebar_account.svg?a2e7e067);
  }
.common-icon.modal-icon{
    background-image: url(../../images/fund/icon/modal.svg?a2e7e067);
  }
.common-icon.section-fund-ranking{
    background-image: url(../../images/fund/icon/section_ranking.svg?a2e7e067);
  }
.common-icon.calculator-icon{
    background-image: url(../../images/fund/icon/calculator.svg?a2e7e067);
  }
.common-icon.filter-icon{
    background-image: url(../../images/fund/icon/filter.svg?a2e7e067);
  }
.common-icon.community-icon{
    background-image: url(../../images/fund/icon/community.svg?a2e7e067);
  }
.common-icon.section-news{
    background-image: url(../../images/fund/icon/news.svg?a2e7e067);
  }
.common-icon.section-board{
    background-image: url(../../images/fund/icon/board.svg?a2e7e067);
  }
.common-icon.home{
    background-image: url(../../images/fund/icon/home.svg?a2e7e067);
  }
.common-icon.menu-big{
    background-image: url(../../images/fund/icon/menu_big.svg?a2e7e067);
    margin-bottom: 3PX;
  }
.common-icon.menu-sm{
    background-image: url(../../images/fund/icon/menu_small.svg?a2e7e067);
    margin-bottom: 1PX;
  }
.common-icon.menu-movie{
    background-image: url(../../images/fund/icon/menu_movie.svg?a2e7e067);
    margin-bottom: 3PX;
  }
.common-icon.menu-top10{
    background-image: url(../../images/fund/icon/menu_top10.svg?a2e7e067);
  }
.common-icon.menu-top3{
    background-image: url(../../images/fund/icon/menu_top3.svg?a2e7e067);
  }
.common-icon.pdf{
    background-image: url(../../images/fund/icon/pdf.svg?a2e7e067);
  }
.common-icon.contact{
    background-image: url(../../images/fund/icon/contact.svg?a2e7e067);
  }
.common-icon.storeLocator{
    background-image: url(../../images/fund/icon/storeLocator.svg?a2e7e067);
  }
.common-icon.youtube{
    background-image: url(../../images/fund/icon/youtube.svg?a2e7e067);
  }
.common-icon.line{
    background-image: url(../../images/fund/icon/line.svg?a2e7e067);
  }
@font-face {
  font-family: icomoon;
  src:  url(../../fonts/webfonts/icomoon.eot?a2e7e067);
  src:  url(../../fonts/webfonts/icomoon.eot?a2e7e067#iefix) format('embedded-opentype'),
    url(../../fonts/webfonts/icomoon.ttf?a2e7e067) format('truetype'),
    url(../../fonts/webfonts/icomoon.woff?a2e7e067) format('woff'),
    url(../../fonts/webfonts/icomoon.svg?a2e7e067#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-check::before {
  content: "\e903";
}
.icon-dollarCostAveraging::before {
  content: "\e901";
}
.icon-readMore::before {
  content: "\e902";
}
.icon-singleInvestment::before {
  content: "\e900";
}
.m-header-ctrl-button:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.m-footer-link:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.m-floating-link-button,
.m-floating-top {
  --tw-bg-opacity: 1;
  background-color: rgb(238 81 66 / var(--tw-bg-opacity));
}
.m-pop-up-close {
  --tw-bg-opacity: 1;
  background-color: rgb(238 81 66 / var(--tw-bg-opacity));
}
/* 風險警語 */
.warning {
  max-width: 1200PX;
  width: 100%;
  margin: 0 auto;
  padding: 50PX 30PX;
  color: #666;
}
.warning .warning-title{
    font-size: 24PX;
    font-weight: bold;
    text-align: center;
    padding: 15PX 0;
    border-bottom: 1PX solid #E9E5DD;
    margin-bottom: 30PX;
  }
.warning .warning-content > div{
      margin-bottom: 15PX;
    }
.warning .warning-content .warning-expand{
      display: none;
    }
.warning .warning-content .warning-expand > div{
        margin-top: 15PX;
      }
.warning .warning-content .warning-expand > div:first-child{
          margin-top: 0;
        }
.warning .warning-btn{
    border: 0;
    background-color: transparent;
    color: #E60000;
    font-weight: bold;
    padding: 10PX 0 10PX 30PX;
    position: relative;
  }
.warning .warning-btn::before{
      content: "";
      width: 20PX;
      height: 20PX;
      background-image: url(../../images/fund/icon/circle-plus.svg?a2e7e067);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      color: #E60000;
      font-weight: normal;
      position: absolute;
      top: 50%;
      left: 5PX;
      transform: translateY(-50%);
      font-size: 20PX;
    }
.warning .warning-btn::after{
      content: "打開全文";
    }
.warning .warning-btn.open::before{
        background-image: url(../../images/fund/icon/circle-minus.svg?a2e7e067);
      }
.warning .warning-btn.open::after{
        content: "收合全文";
      }
.rangeslider{
  width: 100%;
  height: 5PX;
  border-radius: 5PX;
  background-color: rgba(226,222,212,70%);;
  box-shadow: none;
}
.rangeslider .rangeslider__fill{
      box-shadow: none;
      background: #EE5142;
      border-radius: 30PX;
  }
.rangeslider .rangeslider__handle{
      width: 16PX;
      height: 16PX;
      box-shadow: none;
      background-color: #E60000;
      border: 2PX solid #E2DED4;
      background-image: none;
      margin: 0;
      top: 50%;
      transform: translateY(-50%);
  }
.rangeslider .rangeslider__handle::after{
          display: none;
      }
.home-page{
  font-size: 16PX;
}
.home-wrapper{
  position: relative;
}
.home-wrapper section.section{

    /* &.section-board{
      width: 100%;
      padding-top: 100PX;
      padding-bottom: 20PX;
      background-color: #F8F6F2;
      background-image: url('@imgs/fund/background/section_news_left_bg.png'), url('@imgs/fund/background/section_news_right_bg.png');
      background-position: left bottom, 97% 12%;
      background-size: 22.3958333%, 14.7395833%;
      background-repeat: no-repeat;
      position: relative;
      z-index: 1;

      @media screen and (width <= 1024px){
        padding-top: 20PX;
        background-image: none;
      }

      @media screen and (width <= 575px){
        background-image: none;
        padding-top: 30PX;
      }

      .board-container{
        max-width: 1200PX;
        width: 100%;
        margin: 0 auto;
        position: relative;

        .board-title{
          display: flex;
          align-items: center;
          padding: 20PX 30PX;

          @media screen and (width <= 1024px) {
            padding: 20PX 40PX;
          }

          @media screen and (width <= 575px) {
            padding: 20PX 15PX;
          }

          h2{
            margin-bottom: 0;
            font-weight: bold;
            font-size: 28PX;

            @media screen and (width <= 575px) {
              font-size: 22PX;
            }
          }
        }

        .board-content{
          width: calc(100% - 158PX);
          background-color: #fff;
          box-shadow: 0 0 15PX rgba(0,0,0,10%);
          border-radius: 14PX;
          position: relative;
          margin: 0 auto;
          padding: 30PX;

          @media screen and (width <= 1024px) {
            width: calc(100% - 80PX);
            padding: 30PX 0;

            &::before, &::after{
              display: none;
            }
          }

          @media screen and (width <= 575px) {
            width: calc(100% - 30PX);
            padding: 30PX 0;
          }

          &::before{
            content: "";
            position: absolute;
            width: 87.3076923%;
            height: 376PX;
            border-bottom-left-radius: 60PX;
            bottom: -45PX;
            left: -45PX;
            background-color: #CE1D1D;
            z-index: -1;
          }

          &::after{
            content: "";
            position: absolute;
            width: 309PX;
            height: 280PX;
            border-top-right-radius: 60PX;
            top: -45PX;
            right: -45PX;
            background-color: #FEE4E2;
            z-index: -1;
          }

          #board-tabs{
            .board-tabs-container{
              display: flex;
              align-items: center;
              position: relative;

              @media screen and (width <= 1024px){
                padding: 0 15PX;
              }

              @media screen and (width <= 920px){
                padding: 0 40PX;
              }

              a#board-tabs-btn-left{
                position: absolute;
                top: 0;
                left: 0;
              }

              a#board-tabs-btn-right{
                position: absolute;
                top: 0;
                right: 0;
              }

              a.board-tabs-btn{
                min-width: 40PX;
                height: 57PX;
                padding-bottom: 10PX;
                display: none;
                justify-content: center;
                align-items: center;
                font-size: 24PX;
                color: #E9E5DD;

                &:hover{
                  color: #bbb;
                }

                @media screen and (width <= 920px){
                  display: flex;
                }
              }

              .board-tabs-box{
                position: relative;
                width: 100%;

                .under-line{
                  position: absolute;
                  bottom: 10PX;
                  left: 0;
                  width: 100%;
                  height: 1PX;
                  background-color: #E9E5dd;
                }

                ul.board-tabs-list{
                  width: 100%;
                  display: inline-flex;
                  position: relative;
                  padding-bottom: 10PX;
                  white-space: nowrap;
                  overflow-x: auto;

                  &::-webkit-scrollbar{
                    display: none;
                  }

                  -ms-overflow-style: -ms-autohiding-scrollbar;
                  -ms-overflow-style: none;
                  scrollbar-width: none;

                  & li + li{
                    margin-left: 20PX;
                  }

                  li.board-tabs-item{
                    padding: 10PX 2.6%;
                    position: relative;
                    cursor: pointer;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-weight: bold;
                    font-size: 18PX;

                    @media screen and (width <= 575px){
                      font-size: 16PX;
                    }

                    &:hover{
                      color: #E60000;
                    }

                    &.ui-state-active{
                      color: #E60000;
                    }

                    a{
                      position: absolute;
                      width: 100%;
                      height: 100%;
                      top: 0;
                      left: 0;
                    }
                  }

                  .board-tabs-active-line{
                    position: absolute;
                    bottom: 10PX;
                    left: 0;
                    width: auto;
                    height: 4PX;
                    background-color: #E60000;
                    transition: all 0.3s ease;

                    &::before{
                      content: "";
                      position: absolute;
                      bottom: -9PX;
                      left: 50%;
                      transform: translateX(-50%);
                      width: 0;
                      height: 0;
                      border-style: solid;
                      border-width: 10PX 5PX 0;
                      line-height: 0PX;
                      border-color:#e60000 transparent transparent;
                    }
                  }
                }
              }
            }

            .board-tabs-content{
              @media screen and (width <= 1024px){
                padding: 0 15PX;
              }

              ul.board-list{
                li.board-item{
                  > a.board-link{
                    display: flex;
                    align-items: center;
                    padding: 20PX 0;
                    border-bottom: 1PX solid #E9E5DD;
                    position: relative;

                    @media screen and (width <= 575px){
                      flex-direction: column;
                      align-items: flex-start;
                      font-size: 14PX;
                      padding: 15PX 0;
                    }

                    &::before{
                      content: "";
                      position: absolute;
                      background-color: #E60000;
                      transition: all 0.4s ease;
                      width: 0%;
                      bottom: 0;
                      right: 0;
                      height: 1PX;
                    }

                    &:hover::before{
                      right: auto;
                      left: 0;
                      width: 100%;
                    }

                    .date{
                      color: #998A8A;
                      width: 110PX;
                      text-align: left;

                      @media screen and (width <= 575px){
                        width: 95PX;
                      }
                    }

                    .tag{
                      width: 110PX;
                      height: 33PX;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      border-radius: 50PX;
                      color: #E60000;
                      border: 1PX solid #E60000;
                      margin-right: 20PX;

                      @media screen and (width <= 575px){
                        width: 95PX;
                        height: 21PX;
                      }
                    }

                    .content{
                      font-size: 18PX;
                      font-weight: bold;
                      color: #544545;

                      @media screen and (width <= 575px){
                        font-size: 14PX;
                        margin-top: 10PX;
                      }

                      > a{
                        > i{
                          display: inline-block;
                          vertical-align: middle;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }

        .slogan{
          font-size: 26PX;
          text-align: right;
          padding: 0 15PX;
          padding-top: 84PX;

          @media screen and (width <= 1024px){
            padding-top: 39PX;
          }

          @media screen and (width <= 575px){
            font-size: 18PX;
          }
        }
      }
    } */
  }
.home-wrapper section.section.section-ranking{
      width: 100%;
      background-color: #F8F6F2;
      background-image: url(../../images/fund/background/section_ranking_left_bg.png?a2e7e067), url(../../images/fund/background/section_ranking_right_bg.png?a2e7e067);
      background-position: left bottom, right bottom;
      background-size: 19.4270833%, 19.0625%;
      background-repeat: no-repeat;
      padding: 15PX;
      padding-top: 55PX;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.home-wrapper section.section.section-ranking .ranking-container{
        max-width: 1140PX;
        width: calc(100% - 30PX);
        position: relative;
        top: 70PX;
      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-title{
          display: flex;
          align-items: center;
          padding: 20PX 0;
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-title h2{
            margin-bottom: 0;
            font-weight: bold;
            font-size: 28PX;
          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content{
          width: 100%;
          padding: 30PX;
          border-radius: 8PX;
          background-color: #fff;
          box-shadow: 0 0 10PX rgba(0,0,0,10%);
          height: 500PX;
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list{
              display: flex;
              margin-left: 10PX;
            }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item{
                background-color: #F3EEEE;
                transform: skew(-20deg);
                width: 172PX;
                height: 45PX;
                margin-right: 20PX;
                border-top-left-radius: 8PX;
                border-bottom-right-radius: 8PX;
              }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item a{
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  font-size: 20PX;
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item a:hover, .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item a:active{
                    color: #E60000;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item a::before{
                    content: attr(data-label);
                    transform: skew(20deg, 0deg);
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item.ui-state-active{
                  background-color: #D61E1E;
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item.ui-state-active a{
                    color: #fff;
                    font-weight: bold;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table{
                margin-top: 15PX;
              }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody + tbody{
                  border-top: 0;
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead{
                  display: table;
                  width: 100%;
                  position: relative;
                  z-index: 1;
                  background-color: #fff;
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th{
                      font-size: 18PX;
                      white-space: nowrap;
                      border-top: 0;
                      border-bottom: 2PX solid #E60000;
                    }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:not(:nth-child(2)){
                        width: 115PX;
                        text-align: center;
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody{
                  display: block;
                  overflow-y: auto;
                  overflow-x: hidden;
                  height: 300PX;
                  width: calc(100% + 18PX);
                  padding-right: 10PX;
                }
/* scrollbar-track-color: #E0E0E0; */
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody.ranking-tabs-mobile{
                    display: none;
                    height: auto;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody::-webkit-scrollbar {
                    width: 8PX;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody::-webkit-scrollbar-track {
                    border-radius: 100PX;
                    margin: 5PX 0;
                    background-color: #E0E0E0;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody::-webkit-scrollbar-thumb {
                    border-radius: 100PX;
                    background-color: #BDBDBD;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr{
                    display: table;
                    width: 100%;
                    table-layout: fixed;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr:first-child{
                      border-top: 0;
                    }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td{
                      font-size: 18PX;
                      vertical-align: middle;
                      text-align: center;
                    }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td a.ranking-tabs-link{
                        font-weight: bold;
                        text-align: left;
                        color: #212529;
                        display: block;
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td a.ranking-tabs-link:hover{
                          color: #E60000;
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change{
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: relative;
                        min-width: 90PX;
                        padding-right: 15PX;

                        /* .count{
                          min-width: 80PX;
                          text-align: center;
                          @media screen and (max-width: 767px){
                              min-width: auto;
                          }
                        }

                        .triangle{
                          height: 0;
                          border-style: solid;

                          &.up{
                            border-width: 0 6PX 10.4PX 6PX;
                            border-color: transparent transparent #e60000;
                          }
                          &.down{
                            border-width: 10.4PX 6PX 0 6PX;
                            border-color: #1ab11e transparent transparent;
                          }
                        } */
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.up{
                          color: #E60000;
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.up::before{
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 0 6PX 10.4PX;
                            border-color: transparent transparent #e60000;
                          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.down{
                          color: #1AB11E;
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.down::before{
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 10.4PX 6PX 0;
                            border-color: #1ab11e transparent transparent;
                          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change::before{
                          content: "";
                          position: absolute;
                          top: 50%;
                          right: 0;
                          transform: translateY(-50%);
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:not(:nth-child(2)){
                        width: 115PX;
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav{
            display: none;
            justify-content: center;
            align-items: center;
            padding-bottom: 15PX;
          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav a.page-arrow{
              border: 0;
              padding: 5PX;
              width: 40PX;
              height: 31PX;
              display: flex;
              justify-content: center;
              align-items: center;
            }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav a.page-arrow i{
                font-size: 20PX;
                color: #E9E5DD;
              }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav ul.pagination li + li{
                margin-left: 8PX;
              }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav ul.pagination li.page-item a.page-link{
                  background-color: #F3EEEE;
                  color: #544545;
                  padding: 0 5PX;
                  min-width: 40PX;
                  height: 31PX;
                  border-radius: 4PX;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border: 0;
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav ul.pagination li.page-item a.page-link:focus{
                    box-shadow: none;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav ul.pagination li.page-item a.page-link:active{
                    background-color: #FFEBE9;
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav ul.pagination li.page-item.active a.page-link{
                    background-color: #E60000;
                    color: #fff;
                  }
.home-wrapper section.section.section-computer{
      width: 100%;
      height: 821PX;
      background-color: #D61E1E;
      display: flex;
      justify-content: center;
      align-items: center;
    }
.home-wrapper section.section.section-computer .computer-container{
        max-width: 1200PX;
        padding: 0 30PX;
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 30PX;
      }
.home-wrapper section.section.section-computer .computer-container .calculator{
          width: 718PX;
        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-title{
            display: flex;
            align-items: center;
            padding: 20PX 0;
            color: #fff;
          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-title h2{
              margin-bottom: 0;
              font-weight: bold;
              font-size: 28PX;
              color: #fff;
            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content{
            background-color: #fff;
            border-radius: 5PX;
            width: 100%;
          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs{
              width: 100%;
              height: 100%;
            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs.calculator-tabs-content + .calculator-tabs-content{
                display: none;
              }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list{
                display: flex;
                justify-content: center;
                position: relative;
              }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list::before{
                  content: "";
                  width: 100%;
                  height: 2PX;
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  background-color: #E9E5DD;
                }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item{
                  display: flex;
                }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item a{
                    padding: 18PX 60PX;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 20PX;
                    font-weight: bold;
                    color: #998A8A;
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item a:hover{
                      color: #E60000;
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item a::before{
                      content: attr(data-label);
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item a i{
                      font-size: 24PX;
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item.ui-state-active a{
                      color: #E60000;
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list .calculator-tabs-active-line{
                  position: absolute;
                  bottom: 0;
                  height: 2PX;
                  background-color: #E60000;
                  transition: all 0.3s ease;
                }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content{
                height: calc(100% - 66PX);
              }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list{
                    display: flex;
                    justify-content: center;
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 20PX 13PX;
                        font-weight: bold;
                        font-size: 18PX;
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a:hover,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a:hover{
                          color: #E60000;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a:hover i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a:hover i{
                            color: #E60000;
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i{
                          margin-right: 5PX;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                          border-radius: 50%;
                          font-size: 24PX;
                          color: #9B8F8F;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a{
                          color: #E60000;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a i{
                            background-color: #E60000;
                            color: #fff;
                            position: relative;
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a i::after, .home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item.ui-state-active a i::after {
                              content: "";
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                              border: 2PX solid #E60000;
                              border-radius: 50%;
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content{
                    width: calc(100% - 60PX);
                    margin: 0 auto;
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-label{
                      font-size: 18PX;
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box{
                      margin-top: 10PX;
                      filter: drop-shadow(0 -1PX 4PX rgba(0, 0, 0, 5%));
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list{
                        padding: 30PX 20PX;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        background-color: #FFF7F6;
                        height: 224PX;
                        border-radius: 5PX 5PX 0 0;
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item{
                          display: flex;
                          align-items: center;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label{
                            padding-left: 20PX;
                            position: relative;
                            margin-bottom: 0;
                            width: 180PX;
                            font-size: 18PX;
                            font-weight: bold;
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label::before,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label::before{
                              content: "";
                              width: 7PX;
                              height: 14PX;
                              background-image: url(../../images/fund/icon/arrow_right_red.svg?a2e7e067);
                              background-repeat: no-repeat;
                              background-position: center;
                              background-size: contain;
                              position: absolute;
                              top: 50%;
                              left: 0;
                              transform: translateY(-50%);
                              color: #EE5142;
                              font-weight: 400;
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group{
                            width: 180PX;
                            max-width: 180PX;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            border: 1PX solid #E2DED4;
                            background-color: #fff;
                            border-radius: 10PX;
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input{
                              width: 1PX;
                              flex: 1;
                              padding: 5PX 0 5PX 10PX;
                              color: #EE5142;
                              font-size: 22PX;
                              border: 0;
                              border-radius: 10PX 0 0 10PX;
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input:focus,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input:focus{
                                outline: none;
                              }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input::placeholder,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input::placeholder{
                                color: #EE5142;
                              }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group .input-desc,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group .input-desc{
                              font-size: 18PX;
                              font-weight: bold;
                              margin-right: 10PX;
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group{
                            margin-left: 20PX;
                            flex: 1;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result{
                        padding: 10PX 0;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: bold;
                        font-size: 18PX;
                        background-color: #FFEBE9;
                        border-radius: 0 0 5PX 5PX;
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result label{
                          margin-bottom: 0;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result span.result,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result span.result{
                          margin-left: 15PX;
                          font-size: 22PX;
                          color: #E60000;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .warning-label-pc,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .warning-label-pc{
                    padding: 20PX 30PX;
                    font-size: 14PX;
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .warning-label-mobile{
            font-size: 14PX;
            color: #fff;
            padding: 15PX;
            display: none;
          }
.home-wrapper section.section.section-computer .computer-container .filter{
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, 0);
          width: calc(100% - 60PX);
          max-width: 1200PX;
          height: 110PX;
          z-index: 1;
        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title{
            display: flex;
            align-items: center;
            justify-content: center;
            height: 41PX;
            padding-top: 10PX;
            width: 180PX;
            color: #fff;
            position: absolute;
            top: -39PX;
            left: 0;
            border-top-right-radius: 8PX;
            border-top-left-radius: 8PX;
            background-color: #E02626;
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title h2{
              margin-bottom: 0;
              font-weight: bold;
              font-size: 24PX;
              color: #fff;
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content{
            border-radius: 8PX;
            border-top-left-radius: 0;
            background-color: #E02626;
            width: 100%;
            height: 100%;
            padding: 30PX;
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form{
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between;
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container{       
                display: flex;
                align-items: center;
                flex: 1;
                border-radius: 5PX;
              }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box + .select-box{
                  margin-left: -1PX;
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box{
                  flex: 1;
                  position: relative;
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.company-box .select-pc > button{
                        border-radius: 5PX 0 0 5PX;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc{
                    width: 100%;
                    height: 100%;
                  }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle{
                      width: 100%;
                      height: 100%;
                      text-align: left;
                      position: relative;
                      background-color: #fff;
                      border-radius: 0;
                      border: 0;
                      color: #E60000;
                      font-size: 18PX;
                      padding: 0 15PX;
                    }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle#selectCompany, .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle#selectArea, .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle#selectExchange{
                        height: 50PX;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle:focus{
                        box-shadow: none;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle::before{
                        content: "";
                        position: absolute;
                        right: 1PX;
                        top: 50%;
                        transform: translateY(-50%);
                        height: 24PX;
                        width: 1PX;
                        background-color: #F57062;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-toggle::after{
                        content: "";
                        width: 16PX;
                        height: 8PX;
                        background-image: url(../../images/fund/icon/select_arrow_red.svg?a2e7e067);
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: contain;
                        position: absolute;
                        top: 50%;
                        right: 15PX;
                        transform: translateY(-50%);
                        color: #E60000;
                        border: 0;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu{
                      min-width: 100%;
                      border-radius: 5PX;
                      padding-right: 10PX;
                    }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-container{
                        height: auto;
                        max-height: 200PX;
                        overflow-x: hidden;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-container::-webkit-scrollbar {
                          width: 5PX;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-container::-webkit-scrollbar-track {
                          border-radius: 100PX;
                          background-color: #E0E0E0;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-container::-webkit-scrollbar-thumb {
                          border-radius: 100PX;
                          background-color: #BDBDBD;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-item{
                        height: 40PX;
                        color: #544545;
                        display: flex;
                        align-items: center;
                        padding: 0 15PX;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc .dropdown-menu .dropdown-item:hover{
                          background-color: #FFF7F6;
                          color: #EE5142;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile{
                    display: none;
                    position: relative;
                    margin-bottom: 10PX;
                  }
/* height: 58PX; */
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile::after{
                      content: "";
                      width: 16PX;
                      height: 8PX;
                      background-image: url(../../images/fund/icon/select_arrow_red.svg?a2e7e067);
                      background-repeat: no-repeat;
                      background-position: center;
                      background-size: contain;
                      position: absolute;
                      top: 50%;
                      right: 15PX;
                      transform: translateY(-50%);
                      color: #E60000;
                      border: 0;
                      pointer-events: none;
                    }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile select{
                      background-color: #fff;
                      border: 0;
                      color: #E60000;
                      width: 100%;
                      border-radius: 8PX;
                      padding: 20PX 15PX;
                      cursor: pointer;
                    }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile select option{
                        color: #544545;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile select:focus{
                        outline: none;
                      }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .keyword-input{
                  height: 50PX;
                  width: 300PX;
                  border: 0;
                  border-radius: 0 5PX 5PX 0;
                  font-size: 18PX;
                  padding: 0 15PX;
                  margin-left: -1PX;
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .keyword-input::placeholder{
                    color: #E60000;
                  }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .keyword-input:focus{
                    outline: none;
                    color: #E60000;
                  }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .search-btn{
                height: 100%;
                border: 0;
                width: 117PX;
                min-width: 117PX;
                border-radius: 5PX;
                background-color: #F57062;
                color: #fff;
                font-size: 18PX;
                margin-left: 15PX;
                display: flex;
                justify-content: center;
                align-items: center;
              }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .search-btn:hover{
                  background-color: #EE5142;
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .search-btn:focus{
                  background-color: #E60000;
                }
.home-wrapper section.section.section-computer .computer-container .community{
          width: 406PX;
        }
.home-wrapper section.section.section-computer .computer-container .community .community-title{
            display: flex;
            align-items: center;
            padding: 20PX 0;
            color: #fff;
          }
.home-wrapper section.section.section-computer .computer-container .community .community-title h2{
              margin-bottom: 0;
              font-weight: bold;
              font-size: 28PX;
              color: #fff;
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content{
            background-color: #fff;
            border-radius: 5PX;
            width: 100%;
            padding: 27PX;
            display: flex;
            flex-direction: column;
          }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img{
              border-radius: 8PX;
              width: 100%;
              background-repeat: no-repeat;
              background-position: center;
              background-size: cover;
              position: relative;
              overflow: hidden;
              display: block;
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img.active .community-mask{
                  background-color: rgba(230,0,0,70%);
                }
/* &:hover{
                                .community-mask{
                                    background-color: rgba(230,0,0,70%);
                                }
                            } */
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img::before{
                content: "";
                display: block;
                padding-top: 64.4886364%;
              }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img::after{
                content: "影音";
                position: absolute;
                padding: 7PX 17PX;
                top: 0;
                left: 0;
                background-color: #F53535;
                color: #fff;
                font-size: 20PX;
                font-weight: bold;
              }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img .community-mask{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 64PX;
                height: 64PX;
                border-radius: 50%;
                background-color: rgba(53,53,53,70%);
              }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img .community-mask::before{
                  content: "";
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 15PX 0 15PX 20PX;
                  border-color: transparent transparent transparent #fff;
                  position: absolute;
                  top: 50%;
                  left: 55%;
                  transform: translate(-50%, -50%);
                }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link{
                  display: block;
                  padding: 11PX 0;
                  border-bottom: 1PX solid #E2DED4;
                  position: relative;
                }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link::before{
                    content: "";
                    position: absolute;
                    background-color: #E60000;
                    transition: all 0.4s ease;
                    width: 0%;
                    bottom: 0;
                    right: 0;
                    height: 1PX;
                  }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link.active::before{
                      right: auto;
                      left: 0;
                      width: 100%;
                    }
/* &:hover::before{
                                        right: auto;
                                        left: 0;
                                        width: 100%;
                                    } */
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link .date{
                    color: #998A8A;
                  }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link .content{
                    font-size: 18PX;
                    font-weight: bold;
                    color: #544545;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    height: 54PX;
                    margin-top: 5PX;
                  }
.home-wrapper section.section.section-news{
      width: 100%;
      padding-top: 120PX;
      background-color: #F8F6F2;
      position: relative;
    }
.home-wrapper section.section.section-news .news-container{
        width: 100%;
        margin: 0 auto;
        position: relative;
      }
.home-wrapper section.section.section-news .news-container::before{
          content: "";
          width: 100%;
          height: 431PX;
          position: absolute;
          right: 285PX;
          bottom: 0;
          background-color: #FFE4E2;
          border-top-right-radius: 16PX;
          border-bottom-right-radius: 16PX;
        }
.home-wrapper section.section.section-news .news-container::after{
          content: "";
          width: 45%;
          height: 421PX;
          position: absolute;
          top: 0;
          right: 0;
          border-top-left-radius: 16PX;
          border-bottom-left-radius: 16PX;
          background-image: url(../../images/fund/background/section_news_pc_bg.jpg?a2e7e067);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
        }
/* @media screen and (max-width: 1024px){
                        top: 30PX;
                        width: 38%;
                    } */
.home-wrapper section.section.section-news .news-container .news-title{
          max-width: 1200PX;
          margin: 0 auto;
          display: flex;
          align-items: center;
          padding: 20PX 30PX;
        }
.home-wrapper section.section.section-news .news-container .news-title h2{
            margin-bottom: 0;
            font-weight: bold;
            font-size: 28PX;
          }
.home-wrapper section.section.section-news .news-container .news-content{
          border-radius: 4PX;
          width: 100%;
          padding: 30PX;
          max-width: 1200PX;
          position: relative;
          z-index: 1;
          margin: 0 auto;
          height: 431PX;
          background-color: transparent;
        }
/* @media screen and (max-width: 1024px) {
                        padding: 30PX 15PX;
                    } */
.home-wrapper section.section.section-news .news-container .news-content #news-tabs{
            max-width: 55%;
          }
/* @media screen and (max-width: 1024px){
                            max-width: calc(100% - 38%);
                        } */
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list{
              display: flex;
              margin-left: 10PX;
              margin-bottom: 10PX;
            }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item{
                background-color: #FFF;
                transform: skew(-20deg);
                width: 132PX;
                height: 45PX;
                margin-right: 15PX;
                border-top-left-radius: 8PX;
                border-bottom-right-radius: 8PX;
              }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item a{
                  width: 100%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  font-size: 20PX;
                }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item a:hover, .home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item a:active{
                    color: #E60000;
                  }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item a::before{
                    content: attr(data-label);
                    transform: skew(20deg, 0deg);
                  }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item.ui-state-active{
                  background-color: #D61E1E;
                }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item.ui-state-active a{
                    color: #fff;
                    font-weight: bold;
                  }
.home-wrapper section.section.section-news .news-container .news-content .news-link{
            display: block;
            padding: 15PX 0;
            border-bottom: 1PX solid #E7CDCD;
            cursor: pointer;
            position: relative;
          }
.home-wrapper section.section.section-news .news-container .news-content .news-link::before{
              content: "";
              position: absolute;
              background-color: #E60000;
              transition: all 0.4s ease;
              width: 0%;
              bottom: 0;
              right: 0;
              height: 1PX;
            }
.home-wrapper section.section.section-news .news-container .news-content .news-link:hover::before{
              right: auto;
              left: 0;
              width: 100%;
            }
.home-wrapper section.section.section-news .news-container .news-content .news-link .date{
              color: #998A8A;
              margin-bottom: 10PX;
            }
.home-wrapper section.section.section-news .news-container .news-content .news-link .content{
              font-size: 18PX;
              font-weight: bold;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: #544545;
            }
.home-wrapper section.section.section-news .news-container .slogan{
          bottom: 20PX;
          right: 0;
          font-size: 26PX;
          text-align: right;
          padding: 0 15PX;
          position: absolute;
          z-index: 1;
        }
a.read-more{
  cursor: pointer;
  color: #E60000;
  display: inline-flex;
  align-items: center;
}
a.read-more > span{
    position: relative;
  }
a.read-more > span::before{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1PX;
    }
a.read-more:hover >span::before{
        background-color: #E60000;
      }
a.read-more:focus{
    color: #544545;
  }
a.read-more:focus >span::before{
        background-color: #544545;
      }
.select-mobile select option:disabled {
      display: none;
    }
.outside-links {
  margin-left: 10PX;
  margin-right: 10PX;
  margin-top: 12PX;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 222 212 / var(--tw-border-opacity));
  padding-bottom: 5PX;
  text-align: center;
}
.outside-links-items {
  display: inline-flex;
  align-items: center;
}
.outside-links-item {
  width: 90PX;
}
.outside-links-icon {
  margin-left: auto;
  margin-right: auto;
  height: 40PX;
  width: 40PX;
}
.outside-links-text {
  font-size: 14PX;
}
.banner-bullet {
  position: relative;
  cursor: pointer;
  border-radius: 0.625rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.banner-bullet::before {
  position: absolute;
  top: 50%;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: '';
  content: var(--tw-content);
}
.banner-bullet:not(.swiper-pagination-bullet-active)::before {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}
.banner-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
}
.banner-bullet.swiper-pagination-bullet-active::before {
  --tw-bg-opacity: 1;
  background-color: rgb(230 0 0 / var(--tw-bg-opacity));
}
/* @import "_fund-tab"; */
.hover\:text-\[\#e60000\]:hover {
  --tw-text-opacity: 1;
  color: rgb(230 0 0 / var(--tw-text-opacity));
}
@media (min-width: 481px) and (min-height: 428px) {
  .outside-links {
    display: none;
  }
  .pt\:mr-\[30px\] {
    margin-right: 1.875rem;
  }
  .pt\:mt-\[-28px\] {
    margin-top: -1.75rem;
  }
  .pt\:mt-\[3px\] {
    margin-top: 0.1875rem;
  }
  .pt\:flex {
    display: flex;
  }
  .pt\:hidden {
    display: none;
  }
  .pt\:h-full {
    height: 100%;
  }
  .pt\:w-1\/2 {
    width: 50%;
  }
  .pt\:w-\[13\%\] {
    width: 13%;
  }
  .pt\:w-\[16\%\] {
    width: 16%;
  }
  .pt\:w-\[23\%\] {
    width: 23%;
  }
  .pt\:w-\[25\%\] {
    width: 25%;
  }
  .pt\:w-\[26\%\] {
    width: 26%;
  }
  .pt\:w-\[7\%\] {
    width: 7%;
  }
  .pt\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .pt\:flex-grow {
    flex-grow: 1;
  }
  .pt\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .pt\:flex-col {
    flex-direction: column;
  }
  .pt\:items-center {
    align-items: center;
  }
  .pt\:gap-x-\[8px\] {
    column-gap: 0.5rem;
  }
  .pt\:px-\[10px\] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .pt\:pt-\[30px\] {
    padding-top: 1.875rem;
  }
  .pt\:pt-\[50px\] {
    padding-top: 3.125rem;
  }
  .pt\:text-right {
    text-align: right;
  }
  .pt\:text-\[18px\] {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 64rem;
  }
  .banner-bullet {
    height: 2.1875rem;
    width: 2.625rem;
  }

    .banner-bullet::before {
    height: 0.125rem;
  }

    .p\:absolute {
    position: absolute;
  }

    .p\:left-1\/2 {
    left: 50%;
  }

    .p\:right-1\/2 {
    right: 50%;
  }

    .p\:right-\[10px\] {
    right: 0.625rem;
  }

    .p\:top-0 {
    top: 0px;
  }

    .p\:top-1\/2 {
    top: 50%;
  }

    .p\:top-\[270px\] {
    top: 16.875rem;
  }

    .p\:top-\[30px\] {
    top: 1.875rem;
  }

    .p\:mx-\[8px\] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

    .p\:my-\[-16px\] {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

    .p\:mb-\[10px\] {
    margin-bottom: 0.625rem;
  }

    .p\:mb-\[30px\] {
    margin-bottom: 1.875rem;
  }

    .p\:mb-\[40px\] {
    margin-bottom: 2.5rem;
  }

    .p\:ml-auto {
    margin-left: auto;
  }

    .p\:mr-\[35px\] {
    margin-right: 2.1875rem;
  }

    .p\:mt-\[-40px\] {
    margin-top: -2.5rem;
  }

    .p\:mt-\[10px\] {
    margin-top: 0.625rem;
  }

    .p\:mt-\[15px\] {
    margin-top: 0.9375rem;
  }

    .p\:mt-\[25px\] {
    margin-top: 1.5625rem;
  }

    .p\:mt-\[30px\] {
    margin-top: 1.875rem;
  }

    .p\:mt-\[40px\] {
    margin-top: 2.5rem;
  }

    .p\:block {
    display: block;
  }

    .p\:flex {
    display: flex;
  }

    .p\:hidden {
    display: none;
  }

    .p\:h-\[35px\] {
    height: 2.1875rem;
  }

    .p\:h-\[376px\] {
    height: 23.5rem;
  }

    .p\:h-\[40px\] {
    height: 2.5rem;
  }

    .p\:h-\[80px\] {
    height: 5rem;
  }

    .p\:max-h-\[550px\] {
    max-height: 34.375rem;
  }

    .p\:min-h-\[45px\] {
    min-height: 2.8125rem;
  }

    .p\:w-\[10\%\] {
    width: 10%;
  }

    .p\:w-\[120px\] {
    width: 7.5rem;
  }

    .p\:w-\[14\%\] {
    width: 14%;
  }

    .p\:w-\[140px\] {
    width: 8.75rem;
  }

    .p\:w-\[18\%\] {
    width: 18%;
  }

    .p\:w-\[210px\] {
    width: 13.125rem;
  }

    .p\:w-\[22\%\] {
    width: 22%;
  }

    .p\:w-\[25\%\] {
    width: 25%;
  }

    .p\:w-\[270px\] {
    width: 16.875rem;
  }

    .p\:w-\[30px\] {
    width: 1.875rem;
  }

    .p\:w-\[35px\] {
    width: 2.1875rem;
  }

    .p\:w-\[40px\] {
    width: 2.5rem;
  }

    .p\:w-\[450px\] {
    width: 28.125rem;
  }

    .p\:w-\[532px\] {
    width: 33.25rem;
  }

    .p\:w-\[672px\] {
    width: 42rem;
  }

    .p\:w-\[80px\] {
    width: 5rem;
  }

    .p\:w-\[9\%\] {
    width: 9%;
  }

    .p\:min-w-\[132px\] {
    min-width: 8.25rem;
  }

    .p\:max-w-\[600px\] {
    max-width: 37.5rem;
  }

    .p\:max-w-\[730px\] {
    max-width: 45.625rem;
  }

    .p\:max-w-\[800px\] {
    max-width: 50rem;
  }

    .p\:max-w-\[860px\] {
    max-width: 53.75rem;
  }

    .p\:max-w-\[870px\] {
    max-width: 54.375rem;
  }

    .p\:flex-shrink-0 {
    flex-shrink: 0;
  }

    .p\:-translate-x-1\/2 {
    --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));
  }

    .p\:-translate-y-1\/2 {
    --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));
  }

    .p\:gap-x-\[10px\] {
    column-gap: 0.625rem;
  }

    .p\:gap-x-\[20px\] {
    column-gap: 1.25rem;
  }

    .p\:gap-x-\[45px\] {
    column-gap: 2.8125rem;
  }

    .p\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
  }

    .p\:rounded-t-\[20px\] {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
  }

    .p\:px-\[10px\] {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

    .p\:px-\[40px\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

    .p\:px-\[55px\] {
    padding-left: 3.4375rem;
    padding-right: 3.4375rem;
  }

    .p\:py-\[15px\] {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }

    .p\:py-\[16px\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

    .p\:py-\[55px\] {
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem;
  }

    .p\:pb-\[115px\] {
    padding-bottom: 7.1875rem;
  }

    .p\:pb-\[130px\] {
    padding-bottom: 8.125rem;
  }

    .p\:pb-\[15px\] {
    padding-bottom: 0.9375rem;
  }

    .p\:pb-\[30px\] {
    padding-bottom: 1.875rem;
  }

    .p\:pb-\[60px\] {
    padding-bottom: 3.75rem;
  }

    .p\:pb-\[70px\] {
    padding-bottom: 4.375rem;
  }

    .p\:pb-\[80px\] {
    padding-bottom: 5rem;
  }

    .p\:pt-\[44px\] {
    padding-top: 2.75rem;
  }

    .p\:pt-\[50px\] {
    padding-top: 3.125rem;
  }

    .p\:pt-\[60px\] {
    padding-top: 3.75rem;
  }

    .p\:text-\[16px\] {
    font-size: 1rem;
  }

    .p\:text-\[18px\] {
    font-size: 1.125rem;
  }

    .p\:text-\[20px\] {
    font-size: 1.25rem;
  }

    .p\:text-\[22px\] {
    font-size: 1.375rem;
  }

    .p\:text-\[24px\] {
    font-size: 1.5rem;
  }

    .p\:text-\[28px\] {
    font-size: 1.75rem;
  }

    .p\:text-\[54px\] {
    font-size: 3.375rem;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 80rem;
  }

  .pMax\:ml-\[-334px\] {
    margin-left: -20.875rem;
  }

  .pMax\:ml-\[-550px\] {
    margin-left: -34.375rem;
  }

  .pMax\:ml-\[-580px\] {
    margin-left: -36.25rem;
  }

  .pMax\:ml-\[-610px\] {
    margin-left: -38.125rem;
  }

  .pMax\:ml-\[550px\] {
    margin-left: 34.375rem;
  }

  .pMax\:ml-\[580px\] {
    margin-left: 36.25rem;
  }

  .pMax\:ml-\[610px\] {
    margin-left: 38.125rem;
  }

  .pMax\:mr-\[-580px\] {
    margin-right: -36.25rem;
  }

  .pMax\:mt-\[-135px\] {
    margin-top: -8.4375rem;
  }

  .pMax\:mt-\[25px\] {
    margin-top: 1.5625rem;
  }

  .pMax\:mt-\[90px\] {
    margin-top: 5.625rem;
  }

  .pMax\:h-\[178px\] {
    height: 11.125rem;
  }

  .pMax\:h-\[25vw\] {
    height: 25vw;
  }

  .pMax\:h-\[490px\] {
    height: 30.625rem;
  }

  .pMax\:w-\[1080px\] {
    width: 67.5rem;
  }

  .pMax\:w-\[385px\] {
    width: 24.0625rem;
  }

  .pMax\:w-\[650px\] {
    width: 40.625rem;
  }

  .pMax\:w-\[996px\] {
    width: 62.25rem;
  }

  .pMax\:max-w-\[1110px\] {
    max-width: 69.375rem;
  }

  .pMax\:max-w-\[1170px\] {
    max-width: 73.125rem;
  }

  .pMax\:rounded-\[20px\] {
    border-radius: 1.25rem;
  }

  .pMax\:rounded-bl-\[300px\] {
    border-bottom-left-radius: 18.75rem;
  }

  .pMax\:rounded-tr-\[300px\] {
    border-top-right-radius: 18.75rem;
  }

  .pMax\:pb-\[105px\] {
    padding-bottom: 6.5625rem;
  }

  .pMax\:pb-\[140px\] {
    padding-bottom: 8.75rem;
  }

  .pMax\:pb-\[160px\] {
    padding-bottom: 10rem;
  }

  .pMax\:pt-\[110px\] {
    padding-top: 6.875rem;
  }

  .pMax\:pt-\[115px\] {
    padding-top: 7.1875rem;
  }

  .pMax\:pt-\[80px\] {
    padding-top: 5rem;
  }
}
@media (width >= 1024px) and (max-width: 1279px) {

  .pMin\:ml-\[-205px\] {
    margin-left: -12.8125rem;
  }

  .pMin\:ml-\[-320px\] {
    margin-left: -20rem;
  }

  .pMin\:ml-\[-395px\] {
    margin-left: -24.6875rem;
  }

  .pMin\:ml-\[-455px\] {
    margin-left: -28.4375rem;
  }

  .pMin\:ml-\[320px\] {
    margin-left: 20rem;
  }

  .pMin\:ml-\[395px\] {
    margin-left: 24.6875rem;
  }

  .pMin\:ml-\[455px\] {
    margin-left: 28.4375rem;
  }

  .pMin\:mr-\[-470px\] {
    margin-right: -29.375rem;
  }

  .pMin\:mt-\[-75px\] {
    margin-top: -4.6875rem;
  }

  .pMin\:mt-\[30px\] {
    margin-top: 1.875rem;
  }

  .pMin\:h-\[132px\] {
    height: 8.25rem;
  }

  .pMin\:h-\[368px\] {
    height: 23rem;
  }

  .pMin\:h-\[384px\] {
    height: 24rem;
  }

  .pMin\:w-\[415px\] {
    width: 25.9375rem;
  }

  .pMin\:w-\[495px\] {
    width: 30.9375rem;
  }

  .pMin\:w-\[808px\] {
    width: 50.5rem;
  }

  .pMin\:w-\[945px\] {
    width: 59.0625rem;
  }

  .pMin\:max-w-\[590px\] {
    max-width: 36.875rem;
  }

  .pMin\:max-w-\[740px\] {
    max-width: 46.25rem;
  }

  .pMin\:rounded-bl-\[240px\] {
    border-bottom-left-radius: 15rem;
  }

  .pMin\:rounded-tr-\[240px\] {
    border-top-right-radius: 15rem;
  }

  .pMin\:pb-\[120px\] {
    padding-bottom: 7.5rem;
  }

  .pMin\:pb-\[80px\] {
    padding-bottom: 5rem;
  }

  .pMin\:pb-\[95px\] {
    padding-bottom: 5.9375rem;
  }

  .pMin\:pt-\[100px\] {
    padding-top: 6.25rem;
  }

  .pMin\:pt-\[60px\] {
    padding-top: 3.75rem;
  }

  .pMin\:pt-\[70px\] {
    padding-top: 4.375rem;
  }
}
@media (max-width: 1279px), (width >= 1024px) and (height <= 1366px) and (orientation: portrait) and (min-device-pixel-ratio: 1.5) {

  .pMintm\:rounded-\[15px\] {
    border-radius: 0.9375rem;
  }
}
@media (width >= 481px) and (width < 1024px) and (height >= 428px), (width > 1024px) and (height <= 1366px) and (orientation: portrait) and (min-device-pixel-ratio: 1.5) {
  .banner-bullet {
    height: 1rem;
    width: 1.125rem;
  }

    .banner-bullet::before {
    height: 0.25rem;
  }

    .t\:right-\[15px\] {
    right: 0.9375rem;
  }

    .t\:top-\[190px\] {
    top: 11.875rem;
  }

    .t\:mb-\[35px\] {
    margin-bottom: 2.1875rem;
  }

    .t\:ml-\[-255px\] {
    margin-left: -15.9375rem;
  }

    .t\:ml-\[-335px\] {
    margin-left: -20.9375rem;
  }

    .t\:ml-\[255px\] {
    margin-left: 15.9375rem;
  }

    .t\:ml-\[335px\] {
    margin-left: 20.9375rem;
  }

    .t\:mr-\[25px\] {
    margin-right: 1.5625rem;
  }

    .t\:mt-\[35px\] {
    margin-top: 2.1875rem;
  }

    .t\:mt-\[8px\] {
    margin-top: 0.5rem;
  }

    .t\:h-\[106px\] {
    height: 6.625rem;
  }

    .t\:h-\[226px\] {
    height: 14.125rem;
  }

    .t\:h-\[256px\] {
    height: 16rem;
  }

    .t\:h-\[368px\] {
    height: 23rem;
  }

    .t\:w-\[11\%\] {
    width: 11%;
  }

    .t\:w-\[115px\] {
    width: 7.1875rem;
  }

    .t\:w-\[12\%\] {
    width: 12%;
  }

    .t\:w-\[13\%\] {
    width: 13%;
  }

    .t\:w-\[130px\] {
    width: 8.125rem;
  }

    .t\:w-\[20\%\] {
    width: 20%;
  }

    .t\:w-\[200px\] {
    width: 12.5rem;
  }

    .t\:w-\[320px\] {
    width: 20rem;
  }

    .t\:w-\[325px\] {
    width: 20.3125rem;
  }

    .t\:w-\[345px\] {
    width: 21.5625rem;
  }

    .t\:w-\[405px\] {
    width: 25.3125rem;
  }

    .t\:w-\[464px\] {
    width: 29rem;
  }

    .t\:w-\[575px\] {
    width: 35.9375rem;
  }

    .t\:w-\[660px\] {
    width: 41.25rem;
  }

    .t\:max-w-\[720px\] {
    max-width: 45rem;
  }

    .t\:gap-x-\[18px\] {
    column-gap: 1.125rem;
  }

    .t\:rounded-t-\[12px\] {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

    .t\:rounded-bl-\[100px\] {
    border-bottom-left-radius: 6.25rem;
  }

    .t\:px-\[40px\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

    .t\:px-\[6px\] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

    .t\:py-\[25px\] {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

    .t\:py-\[35px\] {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem;
  }

    .t\:py-\[50px\] {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

    .t\:pb-\[50px\] {
    padding-bottom: 3.125rem;
  }

    .t\:pb-\[52px\] {
    padding-bottom: 3.25rem;
  }

    .t\:pb-\[65px\] {
    padding-bottom: 4.0625rem;
  }

    .t\:pt-\[30px\] {
    padding-top: 1.875rem;
  }
}
@media screen and (width <= 1199px) {
.home-wrapper section.section.section-computer{
        height: auto
    }
.home-wrapper section.section.section-computer .computer-container{
          flex-direction: column;
          margin-top: 0;
          padding: 80PX 0 50PX
      }
.home-wrapper section.section.section-computer .computer-container .calculator{
            width: 100%;
            margin-bottom: 20PX
        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-title{
              padding: 20PX 40PX
          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content{
              width: calc(100% - 80PX);
              margin: 0 auto
          }
.home-wrapper section.section.section-computer .computer-container .community{
            width: 100%
        }
.home-wrapper section.section.section-computer .computer-container .community .community-title{
              padding: 20PX 40PX
          }
.home-wrapper section.section.section-computer .computer-container .community .community-content{
              height: 293PX;
              flex-direction: row;
              padding: 27PX 15PX;
              width: calc(100% - 80PX);
              margin: 0 auto
          }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img{
                max-width: 400PX;
                min-width: 200PX
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list{
                width: 100%;
                margin-left: 20PX
            }
}
@media (width < 1024px), (width > 1024px) and (height <= 1366px) and (orientation: portrait) and (min-device-pixel-ratio: 1.5) {

  .tm\:top-\[15px\] {
    top: 0.9375rem;
  }

  .tm\:mx-\[15px\] {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }

  .tm\:my-\[-15px\] {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }

  .tm\:mb-\[20px\] {
    margin-bottom: 1.25rem;
  }

  .tm\:mb-\[5px\] {
    margin-bottom: 0.3125rem;
  }

  .tm\:mt-\[-29px\] {
    margin-top: -1.8125rem;
  }

  .tm\:mt-\[10px\] {
    margin-top: 0.625rem;
  }

  .tm\:mt-\[20px\] {
    margin-top: 1.25rem;
  }

  .tm\:hidden {
    display: none;
  }

  .tm\:h-\[30px\] {
    height: 1.875rem;
  }

  .tm\:h-\[46px\] {
    height: 2.875rem;
  }

  .tm\:w-\[235px\] {
    width: 14.6875rem;
  }

  .tm\:w-\[25\%\] {
    width: 25%;
  }

  .tm\:w-\[28\%\] {
    width: 28%;
  }

  .tm\:w-\[30px\] {
    width: 1.875rem;
  }

  .tm\:w-\[46px\] {
    width: 2.875rem;
  }

  .tm\:min-w-\[96px\] {
    min-width: 6rem;
  }

  .tm\:gap-x-\[5px\] {
    column-gap: 0.3125rem;
  }

  .tm\:gap-y-\[10px\] {
    row-gap: 0.625rem;
  }

  .tm\:space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem*var(--tw-space-y-reverse));
  }

  .tm\:rounded-tr-\[50px\] {
    border-top-right-radius: 3.125rem;
  }

  .tm\:px-\[15px\] {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .tm\:px-\[28px\] {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .tm\:py-\[12px\] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .tm\:py-\[15px\] {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }

  .tm\:pb-\[10px\] {
    padding-bottom: 0.625rem;
  }

  .tm\:pb-\[20px\] {
    padding-bottom: 1.25rem;
  }

  .tm\:pb-\[40px\] {
    padding-bottom: 2.5rem;
  }

  .tm\:pt-\[36px\] {
    padding-top: 2.25rem;
  }

  .tm\:pt-\[40px\] {
    padding-top: 2.5rem;
  }

  .tm\:pt-\[55px\] {
    padding-top: 3.4375rem;
  }

  .tm\:text-center {
    text-align: center;
  }

  .tm\:text-\[14px\] {
    font-size: 0.875rem;
  }

  .tm\:text-\[16px\] {
    font-size: 1rem;
  }

  .tm\:text-\[18px\] {
    font-size: 1.125rem;
  }

  .tm\:text-\[20px\] {
    font-size: 1.25rem;
  }

  .tm\:text-\[22px\] {
    font-size: 1.375rem;
  }

  .tm\:text-\[28px\] {
    font-size: 1.75rem;
  }
}
@media screen and (width <= 1024px) {
body.hide {
      overflow: hidden
  }
.warning {
    padding: 30PX 40PX
}
.home-wrapper section.section.section-ranking{
        background-color: #fff;
        background-image: none;
        padding: 0
    }
.home-wrapper section.section.section-ranking .ranking-container{
          top: 0;
          width: 100%;
          padding: 20PX 0
      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-title{
            padding: 20PX 40PX
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content{
            box-shadow: none;
            padding: 0 40PX;
            height: auto
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody{
                    overflow-y: hidden;
                    padding-right: 0;
                    width: 100%
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody.ranking-tabs-pc{
                      display: none
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody.ranking-tabs-mobile{
                      display: block
                  }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content nav.pagination-nav{
              display: flex
          }
.home-wrapper section.section.section-computer .computer-container{
          padding: 30PX 0 50PX
      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                          padding: 20PX 10PX
                      }
.home-wrapper section.section.section-computer .computer-container .filter{
            position: relative;
            top: 0;
            left: 0;
            transform: translateX(0);
            width: 100%;
            height: auto;
            max-width: none;
            margin-bottom: 20PX
        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title{
              background-color: transparent;
              justify-content: flex-start;
              height: auto;
              padding-top: 0;
              padding: 20PX 40PX;
              width: 100%;
              position: relative;
              top: 0;
              border-top-right-radius: 0;
              border-top-left-radius: 0
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title i{
                width: 30PX
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title h2{
                font-size: 28PX
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content{
              padding: 0;
              background-color: transparent;
              width: calc(100% - 80PX);
              margin: 0 auto
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form{
                flex-direction: column;
                height: auto
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container{
                  flex-direction: column;
                  flex: none;
                  width: 100%;
                  height: 204PX
              }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box{
                    width: 100%;
                    height: auto;
                    flex: none
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.area-box{
                      flex: 1
                  }
                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.area-box .select-mobile select{
                          border-radius: 8PX 0 0 8PX;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box{
                      width: 250PX;
                      min-width: 250PX;
                      max-width: 250PX
                  }

                      .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box .select-mobile{
                        position: relative;
                      }

                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box .select-mobile::before{
                          content: "";
                          width: 1PX;
                          height: 32PX;
                          background-color: #F57062;
                          position: absolute;
                          top: 50%;
                          left: 0;
                          transform: translateY(-50%);
                        }

                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box .select-mobile select{
                          border-radius: 0 8PX 8PX 0;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-pc{
                      display: none
                  }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile{
                      display: block
                  }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .keyword-input{
                    margin-left: 0;
                    width: 100%;
                    padding: 19PX 15PX;
                    border-radius: 8PX;
                    margin-bottom: 10PX;
                    height: auto
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .search-btn{
                  height: 60PX;
                  width: 100%;
                  border-radius: 8PX;
                  margin-left: 0
              }
.home-wrapper section.section.section-news{
        padding-top: 30PX
    }
.home-wrapper section.section.section-news .news-container::before{
            display: none
        }
.home-wrapper section.section.section-news .news-container::after{
            width: 100%;
            top: 78PX;
            display: block;
            padding-top: 68.2291667%;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            background-image: url(../../images/fund/background/section_news_mobile_bg.jpg?a2e7e067);
            background-repeat: no-repeat;
            background-position: center;
            height: auto
        }
.home-wrapper section.section.section-news .news-container .news-title{
            padding: 20PX 40PX
        }
.home-wrapper section.section.section-news .news-container .news-content{
            height: auto;
            width: calc(100% - 80PX);
            background-color: #FFE4E2;
            padding: 20PX;
            margin-top: 300PX;
            padding-bottom: 70PX
        }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs{
              max-width: 100%
          }
.home-wrapper section.section.section-news .news-container .slogan{
            right: 45PX
        }
}
@media (width <= 999px) and (height <= 428px) and (orientation: landscape), (width <= 480px) and (orientation: portrait) {
  .banner-bullet {
    height: 0.5rem;
    width: 0.5625rem;
  }

    .banner-bullet::before {
    height: 0.125rem;
  }

    .m\:right-\[10px\] {
    right: 0.625rem;
  }

    .m\:top-\[160px\] {
    top: 10rem;
  }

    .m\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

    .m\:mb-\[15px\] {
    margin-bottom: 0.9375rem;
  }

    .m\:mb-\[20px\] {
    margin-bottom: 1.25rem;
  }

    .m\:ml-\[-160px\] {
    margin-left: -10rem;
  }

    .m\:ml-\[-165px\] {
    margin-left: -10.3125rem;
  }

    .m\:ml-\[160px\] {
    margin-left: 10rem;
  }

    .m\:ml-\[165px\] {
    margin-left: 10.3125rem;
  }

    .m\:mt-\[-82px\] {
    margin-top: -5.125rem;
  }

    .m\:mt-\[30px\] {
    margin-top: 1.875rem;
  }

    .m\:mt-\[5px\] {
    margin-top: 0.3125rem;
  }

    .m\:hidden {
    display: none;
  }

    .m\:h-\[132px\] {
    height: 8.25rem;
  }

    .m\:h-\[150px\] {
    height: 9.375rem;
  }

    .m\:h-\[180px\] {
    height: 11.25rem;
  }

    .m\:h-\[245px\] {
    height: 15.3125rem;
  }

    .m\:w-\[16\.5\%\] {
    width: 16.5%;
  }

    .m\:w-\[17\%\] {
    width: 17%;
  }

    .m\:w-\[18\%\] {
    width: 18%;
  }

    .m\:w-\[22\%\] {
    width: 22%;
  }

    .m\:w-\[25\%\] {
    width: 25%;
  }

    .m\:w-\[26\%\] {
    width: 26%;
  }

    .m\:w-\[275px\] {
    width: 17.1875rem;
  }

    .m\:w-\[290px\] {
    width: 18.125rem;
  }

    .m\:w-\[30\%\] {
    width: 30%;
  }

    .m\:w-\[310px\] {
    width: 19.375rem;
  }

    .m\:w-\[316px\] {
    width: 19.75rem;
  }

    .m\:w-\[33\%\] {
    width: 33%;
  }

    .m\:w-\[330px\] {
    width: 20.625rem;
  }

    .m\:max-w-\[320px\] {
    max-width: 20rem;
  }

    .m\:flex-col-reverse {
    flex-direction: column-reverse;
  }

    .m\:justify-center {
    justify-content: center;
  }

    .m\:gap-x-\[4px\] {
    column-gap: 0.25rem;
  }

    .m\:space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem*var(--tw-space-y-reverse));
  }

    .m\:overflow-hidden {
    overflow: hidden;
  }

    .m\:rounded-t-\[8px\] {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

    .m\:rounded-bl-\[50px\] {
    border-bottom-left-radius: 3.125rem;
  }

    .m\:px-\[15px\] {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

    .m\:px-\[20px\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

    .m\:px-\[25px\] {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

    .m\:px-\[30px\] {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

    .m\:px-\[40px\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

    .m\:pb-\[10px\] {
    padding-bottom: 0.625rem;
  }

    .m\:pb-\[25px\] {
    padding-bottom: 1.5625rem;
  }

    .m\:pb-\[40px\] {
    padding-bottom: 2.5rem;
  }

    .m\:pb-\[45px\] {
    padding-bottom: 2.8125rem;
  }

    .m\:pt-\[100px\] {
    padding-top: 6.25rem;
  }

    .m\:pt-\[15px\] {
    padding-top: 0.9375rem;
  }

    .m\:pt-\[20px\] {
    padding-top: 1.25rem;
  }

    .m\:pt-\[25px\] {
    padding-top: 1.5625rem;
  }

    .m\:pt-\[35px\] {
    padding-top: 2.1875rem;
  }

    .m\:pt-\[40px\] {
    padding-top: 2.5rem;
  }

    .m\:text-center {
    text-align: center;
  }

    .m\:text-\[16px\] {
    font-size: 1rem;
  }
}
@media screen and (width <= 767px) {
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th{
                        font-size: 16PX
                    }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:not(:nth-child(2)){
                          width: 90PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:last-child{
                          width: 110PX;
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change{
                          min-width: auto
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td{
                        font-size: 16PX
                    }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:not(:nth-child(2)){
                          width: 90PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:last-child{
                          width: 110PX;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list{
                      flex-wrap: wrap;
                      padding: 10PX 0
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item{
                        width: 50%
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                          justify-content: flex-start;
                          padding: 10PX 0;
                          padding-left: 20PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content{
                      width: calc(100% - 40PX)
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list{
                          height: auto;
                          padding: 0 20PX 30PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item{
                            flex-wrap: wrap
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label{
                              width: 100%;
                              margin-top: 20PX;
                              margin-bottom: 10PX
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group{
                              height: 37PX
                          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box{
                      width: 150PX;
                      min-width: 150PX;
                      max-width: 150PX
                  }
.home-wrapper section.section.section-news .news-container .news-content{
            margin-top: 250PX
        }
.home-wrapper section.section.section-news .news-container .slogan{
            right: 15PX
        }
}
@media screen and (width <= 575px) {
.warning {
    padding: 30PX 15PX
}
.warning .warning-content{
      font-size: 15PX
  }
.home-wrapper section.section.section-ranking .ranking-container{
          padding: 0
      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-title{
            padding: 20PX 15PX
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-title h2{
              font-size: 22PX
          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content{
            padding: 0 15PX
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item{
                  width: 117PX;
                  height: 54PX;
                  margin-right: 10PX
              }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs ul.ranking-tabs-list li.ranking-tabs-item a{
                    font-size: 15PX;
                    text-align: center;
                    padding: 0 calc(50% - 31.5PX)
                }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th{
                        font-size: 13PX;
                        padding: 12PX 4PX
                    }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:not(:nth-child(2)){
                          width: 60PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:last-child{
                          width: 80PX;
                        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change{
                          padding-right: 10PX
                      }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.up::before{
                              border-width: 0 5PX 8.7PX
                          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td .change.down::before{
                              border-width: 8.7PX 5PX 0
                          }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td{
                        font-size: 13PX;
                        padding: 12PX 4PX
                    }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:not(:nth-child(2)){
                          width: 60PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:last-child{
                          width: 80PX;
                        }
.home-wrapper section.section.section-computer .computer-container{
          padding: 20PX 0
      }
.home-wrapper section.section.section-computer .computer-container .calculator{
            order: 3;
            margin-bottom: 0
        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-title{
              padding: 20PX 15PX
          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-title h2{
                font-size: 22PX
            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content{
              width: calc(100% - 30PX)
          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item{
                    width: 50%
                }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item a{
                      font-size: 16PX;
                      text-align: center;
                      margin: 0 auto;
                      font-weight: normal;
                      padding: 18PX 0
                  }
                      .home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs ul.calculator-tabs-list li.calculator-tabs-item.ui-state-active a{
                        font-weight: bold;
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list{
                      font-size: 16PX;
                      padding: 7PX 0
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                          font-size: 16PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i{
                            font-size: 22PX
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content{
                      width: 100%
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-label{
                        display: none
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box{
                        filter: none;
                        margin-top: 0
                    }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list{
                          border-radius: 0;
                          padding: 0 15PX 20PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item label{
                              font-size: 16PX;
                              margin-top: 15PX;
                              margin-bottom: 5PX
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group{
                              width: 100%;
                              max-width: none;
                              border-radius: 4PX;
                              height: 44PX
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group input.calculator-input{
                                border-radius: 4PX 0 0 4PX;
                                font-size: 16PX
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group .input-desc,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-text-group .input-desc{
                                font-size: 16PX
                            }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box ul.calculator-list li.calculator-item .input-range-group{
                              display: none
                          }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result{
                          font-size: 16PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result span.result,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .calculator-common-tabs-content .calculator-common-tabs-box .calculator-result span.result{
                            font-size: 20PX
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs .warning-label-pc,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs .warning-label-pc{
                      display: none
                  }
.home-wrapper section.section.section-computer .computer-container .calculator .warning-label-mobile{
              display: block
          }
.home-wrapper section.section.section-computer .computer-container .filter{
            order: 2;
            padding-top: 20PX
        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title{
              padding: 20PX 15PX
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-title h2{
                font-size: 22PX
            }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content{
              padding: 0;
              background-color: transparent;
              width: calc(100% - 30PX);
              margin: 0 auto
          }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container{
                  height: 160PX
              }
                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.area-box .select-mobile select{
                          border-radius: 4PX 0 0 4PX;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box{
                      width: 120PX;
                      min-width: 120PX;
                      max-width: 120PX
                  }
                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box .select-mobile::before{
                          height: 24PX;
                        }

                        .home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box.exchange-box .select-mobile select{
                          border-radius: 0 4PX 4PX 0;
                        }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .select-box .select-mobile select{
                        padding: 14PX 15PX;
                        border-radius: 4PX;
                        font-size: 14PX
                    }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .form-container .keyword-input{
                    border-radius: 4PX;
                    font-size: 14PX;
                    padding: 13PX 15PX
                }
.home-wrapper section.section.section-computer .computer-container .filter .filter-content form.filter-form .search-btn{
                  height: 44PX;
                  border-radius: 4PX;
                  font-size: 16PX
              }
.home-wrapper section.section.section-computer .computer-container .community{
            order: 1
        }
.home-wrapper section.section.section-computer .computer-container .community .community-title{
              padding: 20PX 15PX
          }
.home-wrapper section.section.section-computer .computer-container .community .community-title h2{
                font-size: 22PX
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content{
              height: auto;
              flex-direction: column;
              padding: 20PX 15PX;
              width: calc(100% - 30PX)
          }
.home-wrapper section.section.section-computer .computer-container .community .community-content a.community-preview-img{
                max-width: none;
                min-width: auto;
                width: 100%
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list{
                width: auto;
                margin-left: 0
            }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link{
                    padding: 15PX 0
                }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link .date{
                      font-size: 14PX
                  }
.home-wrapper section.section.section-computer .computer-container .community .community-content ul.community-list li.community-item a.community-link .content{
                      font-size: 14PX;
                      height: auto
                  }
.home-wrapper section.section.section-news .news-container .news-title{
            padding: 20PX 15PX
        }
.home-wrapper section.section.section-news .news-container .news-title h2{
              font-size: 22PX
          }
.home-wrapper section.section.section-news .news-container .news-content{
            height: auto;
            width: calc(100% - 30PX);
            padding: 20PX 0 50PX;
            margin-top: 200PX
        }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list{
                padding: 0 5PX;
                justify-content: center
            }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs ul.news-tabs-list li.news-tabs-item a{
                    font-size: 16PX;
                    text-align: center;
                    margin: 0 auto
                }
.home-wrapper section.section.section-news .news-container .news-content #news-tabs .news-tabs-content ul.news-list{
                  padding: 0 15PX
              }
                    .home-wrapper section.section.section-news .news-container .news-content #news-tabs .news-tabs-content ul.news-list li.news-item:nth-child(3){
                      display: none;
                    }
.home-wrapper section.section.section-news .news-container .news-content .news-link{
              padding: 10PX 0
          }
.home-wrapper section.section.section-news .news-container .news-content .news-link .date{
                font-size: 14PX;
                margin-bottom: 5PX
            }
.home-wrapper section.section.section-news .news-container .news-content .news-link .content{
                font-size: 14PX
            }
.home-wrapper section.section.section-news .news-container .slogan{
            font-size: 18PX
        }
a.read-more{
    font-size: 14PX
}
}
@media screen and (width <= 414px) {
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                          font-size: 14PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i{
                            font-size: 20PX
                        }
.home-wrapper section.section.section-news .news-container .news-content{
            margin-top: 150PX
        }
}
@media screen and (width <= 374px) {
.home-wrapper section.section.section-ranking .ranking-container .ranking-content{
            padding: 0 10PX
        }
.home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th{
                        padding: 12PX 2PX
                    }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:not(:nth-child(2)){
                          width: 56PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table thead tr th:last-child{
                          width: 70PX;
                        }
                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:not(:nth-child(2)){
                          width: 56PX;
                        }

                        .home-wrapper section.section.section-ranking .ranking-container .ranking-content #ranking-tabs .ranking-tabs-content table tbody tr td:last-child{
                          width: 70PX;
                        }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a{
                          font-size: 12PX;
                          padding: 7PX 0;
                          padding-left: 10PX
                      }
.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #singleInvestment-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i,.home-wrapper section.section.section-computer .computer-container .calculator .calculator-content #calculator-tabs .calculator-tabs-content #dollarCostAveraging-tabs ul.calculator-common-tabs-list li.calculator-common-tabs-item a i{
                            font-size: 18PX
                        }
}
.swiper-container-pc .swiper-pagination {
  display: none !important;
}

/* Sysjust Start */
.jTableSortPagination {
  display: none;
}

@media screen and (width <= 1024px) {
  .jTableSortPagination {
    display: flex;
  }
}
/* Sysjust End */