@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;900&family=Noto+Sans+SC:wght@100..900&display=swap");*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}/*
Add the correct font size in all browsers.
*/small {
  font-size: 80%;
}/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}sub {
  bottom: -0.25em;
}sup {
  top: -0.5em;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}/*
Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/*
Remove the inner padding in Chrome and Safari on macOS.
*/::-webkit-search-decoration {
  -webkit-appearance: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}fieldset {
  margin: 0;
  padding: 0;
}legend {
  padding: 0;
}ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Reset default styling for dialogs.
*/dialog {
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}/* Make elements with the HTML hidden attribute stay hidden by default */[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}.container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){.container{
    max-width: 768px;
  }
}@media (min-width: 1024px){.container{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.container{
    max-width: 1280px;
  }
}@media (min-width: 1600px){.container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.container{
    max-width: 1920px;
  }
}.form-input,.form-textarea,.form-select,.form-multiselect{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}.form-select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
     color-adjust: exact;
          print-color-adjust: exact;
}.form-select:where([size]:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
     color-adjust: unset;
          print-color-adjust: unset;
}.container{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){.container{
    max-width: 100%;
  }
}@media (min-width: 1024px){.container{
    max-width: 100%;
  }
}@media (min-width: 1280px){.container{
    max-width: 100%;
  }
}@media (min-width: 1600px){.container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.container{
    max-width: 1920px;
  }
}.h1{
  font-size: 36px;
  font-weight: 400;
}.h2{
  font-size: 19px;
  font-weight: 400;
}.h3{
  font-size: 17px;
  font-weight: 700;
}.h4{
  font-size: 15px;
  font-weight: 400;
}.h5{
  font-size: 13px;
  font-weight: 400;
}.h6{
  font-size: 11px;
  font-weight: 400;
}.flex-row-center{
  display: flex;
  flex-direction: row;
  align-items: center;
}.collapse{
  position: relative;
  display: grid;
  overflow: hidden;
  outline: 2px solid transparent;
  outline-offset: 2px;
  visibility: visible !important;
}.collapse-title,
	.collapse > input[type="checkbox"],
	.collapse-content{
  grid-column-start: 1;
  grid-row-start: 1;
}.collapse > input[type="checkbox"]{
  opacity: 0;
}.collapse-title,
	.collapse > input[type="checkbox"]{
  width: 100%;
  padding-right: 3rem;
		transition: background-color 0.2s ease-in-out;
}.collapse input[type="checkbox"]:focus-within{
  opacity: 0;
}.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
	.collapse:not(.collapse-open):not(.collapse-close) .collapse-title{
  cursor: pointer;
}.collapse-content{
  grid-row-start: 2;
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
		max-height: 0px;
}.collapse-open .collapse-content,
	.collapse:focus:not(.collapse-close) .collapse-content,
	.collapse:not(.collapse-close)
		input[type="checkbox"]:checked
		~ .collapse-content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
		max-height: 9000px;
}.collapse-arrow .collapse-title:after{
  position: absolute;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		top: 1.4rem;
		right: 1.4rem;
		content: "";
		transform-origin: 75% 75%;
		transform: rotate(45deg);
		box-shadow: 2px 2px;
		pointer-events: none;
}.collapse-open.collapse-arrow .collapse-title:after,
	.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
	.collapse-arrow:not(.collapse-close)
		input[type="checkbox"]:checked
		~ .collapse-title:after {
		transform: rotate(225deg);
	}/*.webkit-overflow-scroll::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}

	.webkit-overflow-scroll::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,.5);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}*//** table general **/.et-table table {
		border-spacing: 0;
		width: 100%;
		table-layout: auto;
		border-collapse: separate}.et-table.responsive table tr{
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2,minmax(min-content,max-content));
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}@media (min-width: 768px){.et-table.responsive table tr{
    display: table-row;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}.et-table.responsive table tr.header{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.et-table.responsive table tr.header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.et-table table tr.header td{
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.et-table table tr.header td:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.et-table table thead.sticky-element{
  top: 45px;
  z-index: 10000;
}@media (min-width: 768px){.et-table table thead.sticky-element{
    top: 123px;
  }
}@media (min-width: 1024px){.et-table table thead.sticky-element{
    top: 153px;
  }
}@media (min-width: 768px){.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(123px));
  }
}@media (min-width: 1024px){.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(153px));
  }
}.et-table table td{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}@media (min-width: 1280px){.et-table table td{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}.et-table table td .button{
  overflow-wrap: normal;
  word-break: normal;
}.et-table.responsive table td{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
}@media (min-width: 768px){.et-table.responsive table td{
    padding-top: 10px;
    padding-bottom: 10px;
  }
}@media (min-width: 1280px){.et-table.responsive table td{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}.et-table.responsive table tr.header{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}.et-table.responsive table tr.header:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.et-table.responsive table tr.header td{
  border-width: 0px;
}@media (min-width: 768px){.et-table.responsive table tr.header td{
    border-bottom-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
    padding-top: 0px;
  }.et-table.responsive table tr.header td:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  }
}.et-table table tr.row:not(.sum){
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}.et-table table tr.row:not(.sum):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
}.et-table table tr.row:not(.sum):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.et-table table tr.row:not(.sum):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.et-table table tr.row:not(.sum){
    border-width: 0px;
  }
}.et-table table tr.row:hover td{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
}.et-table table tr.row:hover td:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.et-table table tr.row.selected{
  background-color: rgb(255,241,226,0.5);
}.et-table table tr.row.selected:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.et-table table tr.row:not(.sum) td{
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  }.et-table table tr.row:not(.sum) td:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }
}.et-table table tr.row:last-of-type{
  border-bottom-width: 0px;
}.et-table table tr.row:last-of-type td{
  border-bottom-width: 0px;
}.et-table table .nominal {
		font-weight: 700; white-space: nowrap;
	}.et-table td.center-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.et-table table tr.sum{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  font-weight: 800;
}.et-table table tr.sum:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.et-table.non-grid table tr.row:not(.sum) td{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}.et-table.non-grid table tr.row:not(.sum) td:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.et-table.non-grid table tr.row:last-of-type td{
  border-width: 0px;
}.et-table table .m-gp-2,
	.et-table table .m-gp-3,
	.et-table table .m-gp-4,
	.et-table table .m-gp-5{
  display: none;
}@media (min-width: 768px){.et-table table .m-gp-2,
	.et-table table .m-gp-3,
	.et-table table .m-gp-4,
	.et-table table .m-gp-5{
    display: table-cell;
  }
}.et-table table .m-gp-2.center-right,
	.et-table table .m-gp-3.center-right,
	.et-table table .m-gp-4.center-right,
	.et-table table .m-gp-5.center-right{
  display: none;
}@media (min-width: 768px){.et-table table .m-gp-2.center-right,
	.et-table table .m-gp-3.center-right,
	.et-table table .m-gp-4.center-right,
	.et-table table .m-gp-5.center-right{
    display: flex;
  }.et-table table .t-gp-1{
    display: table-cell;
  }.et-table table .t-gp-1.center-right{
    display: flex;
  }
}.et-table table .m-gp-2.t-gp-1,
	.et-table table .m-gp-3.t-gp-1,
	.et-table table .m-gp-4.t-gp-1,
	.et-table table .m-gp-5.t-gp-1{
  display: none;
}@media (min-width: 768px){.et-table table .m-gp-2.t-gp-1,
	.et-table table .m-gp-3.t-gp-1,
	.et-table table .m-gp-4.t-gp-1,
	.et-table table .m-gp-5.t-gp-1{
    display: table-cell;
  }
}.et-table table .m-gp-2.t-gp-1.center-right,
	.et-table table .m-gp-3.t-gp-1.center-right,
	.et-table table .m-gp-4.t-gp-1.center-right,
	.et-table table .m-gp-5.t-gp-1.center-right{
  display: none;
}@media (min-width: 768px){.et-table table .m-gp-2.t-gp-1.center-right,
	.et-table table .m-gp-3.t-gp-1.center-right,
	.et-table table .m-gp-4.t-gp-1.center-right,
	.et-table table .m-gp-5.t-gp-1.center-right{
    display: flex;
  }
}.et-table table .m-gp-1.m-gp-2,
	.et-table table .m-gp-1.m-gp-3{
  display: grid;
}@media (min-width: 768px){.et-table table .m-gp-1.m-gp-2,
	.et-table table .m-gp-1.m-gp-3{
    display: table-cell;
  }
}.et-table table .m-gp-1.m-gp-2.center-right,
	.et-table table .m-gp-1.m-gp-3.center-right{
  display: grid;
}@media (min-width: 768px){.et-table table .m-gp-1.m-gp-2.center-right,
	.et-table table .m-gp-1.m-gp-3.center-right{
    display: flex;
  }.et-table table .t-gp-2{
    display: none;
  }
}@media (min-width: 1024px){.et-table table .t-gp-2{
    display: table-cell;
  }
}@media (min-width: 768px){.et-table table .t-gp-2.center-right{
    display: none;
  }
}@media (min-width: 1024px){.et-table table .t-gp-2.center-right{
    display: flex;
  }
}.et-table table .m-gp-2.t-gp-2,
	.et-table table .m-gp-3.t-gp-2,
	.et-table table .m-gp-4.t-gp-2,
	.et-table table .m-gp-5.t-gp-2{
  display: none;
}@media (min-width: 1024px){.et-table table .m-gp-2.t-gp-2,
	.et-table table .m-gp-3.t-gp-2,
	.et-table table .m-gp-4.t-gp-2,
	.et-table table .m-gp-5.t-gp-2{
    display: table-cell;
  }
}.et-table table .m-gp-2.t-gp-2.center-right,
	.et-table table .m-gp-3.t-gp-2.center-right,
	.et-table table .m-gp-4.t-gp-2.center-right,
	.et-table table .m-gp-5.t-gp-2.center-right{
  display: none;
}@media (min-width: 1024px){.et-table table .m-gp-2.t-gp-2.center-right,
	.et-table table .m-gp-3.t-gp-2.center-right,
	.et-table table .m-gp-4.t-gp-2.center-right,
	.et-table table .m-gp-5.t-gp-2.center-right{
    display: flex;
  }.et-table table .l-gp-2,
	.et-table table .t-gp-2.l-gp-2,
	.et-table table .t-gp-3.l-gp-2,
	.et-table table .t-gp-4.l-gp-2,
	.et-table table .m-gp-2.l-gp-2,
	.et-table table .m-gp-3.l-gp-2,
	.et-table table .m-gp-4.l-gp-2,
	.et-table table .m-gp-5.l-gp-2{
    display: none;
  }
}@media (min-width: 1280px){.et-table table .l-gp-2,
	.et-table table .t-gp-2.l-gp-2,
	.et-table table .t-gp-3.l-gp-2,
	.et-table table .t-gp-4.l-gp-2,
	.et-table table .m-gp-2.l-gp-2,
	.et-table table .m-gp-3.l-gp-2,
	.et-table table .m-gp-4.l-gp-2,
	.et-table table .m-gp-5.l-gp-2{
    display: table-cell;
  }
}@media (min-width: 1024px){.et-table table .l-gp-2.center-right,
	.et-table table .t-gp-2.l-gp-2.center-right,
	.et-table table .t-gp-3.l-gp-2.center-right,
	.et-table table .t-gp-4.l-gp-2.center-right,
	.et-table table .m-gp-2.l-gp-2.center-right,
	.et-table table .m-gp-3.l-gp-2.center-right,
	.et-table table .m-gp-4.l-gp-2.center-right,
	.et-table table .m-gp-5.l-gp-2.center-right{
    display: none;
  }
}@media (min-width: 1280px){.et-table table .l-gp-2.center-right,
	.et-table table .t-gp-2.l-gp-2.center-right,
	.et-table table .t-gp-3.l-gp-2.center-right,
	.et-table table .t-gp-4.l-gp-2.center-right,
	.et-table table .m-gp-2.l-gp-2.center-right,
	.et-table table .m-gp-3.l-gp-2.center-right,
	.et-table table .m-gp-4.l-gp-2.center-right,
	.et-table table .m-gp-5.l-gp-2.center-right{
    display: flex;
  }.et-table table .d-gp-2,
	.et-table table .l-gp-2.d-gp-2,
	.et-table table .t-gp-2.d-gp-2,
	.et-table table .t-gp-3.d-gp-2,
	.et-table table .t-gp-4.d-gp-2,
	.et-table table .m-gp-2.d-gp-2,
	.et-table table .m-gp-3.d-gp-2,
	.et-table table .m-gp-4.d-gp-2,
	.et-table table .m-gp-5.d-gp-2{
    display: none;
  }
}@media (min-width: 1600px){.et-table table .d-gp-2,
	.et-table table .l-gp-2.d-gp-2,
	.et-table table .t-gp-2.d-gp-2,
	.et-table table .t-gp-3.d-gp-2,
	.et-table table .t-gp-4.d-gp-2,
	.et-table table .m-gp-2.d-gp-2,
	.et-table table .m-gp-3.d-gp-2,
	.et-table table .m-gp-4.d-gp-2,
	.et-table table .m-gp-5.d-gp-2{
    display: table-cell;
  }
}@media (min-width: 1280px){.et-table table .d-gp-2.center-right,
	.et-table table .l-gp-2.d-gp-2.center-right,
	.et-table table .t-gp-2.d-gp-2.center-right,
	.et-table table .t-gp-3.d-gp-2.center-right,
	.et-table table .t-gp-4.d-gp-2.center-right,
	.et-table table .m-gp-2.d-gp-2.center-right,
	.et-table table .m-gp-3.d-gp-2.center-right,
	.et-table table .m-gp-4.d-gp-2.center-right,
	.et-table table .m-gp-5.d-gp-2.center-right{
    display: none;
  }
}@media (min-width: 1600px){.et-table table .d-gp-2.center-right,
	.et-table table .l-gp-2.d-gp-2.center-right,
	.et-table table .t-gp-2.d-gp-2.center-right,
	.et-table table .t-gp-3.d-gp-2.center-right,
	.et-table table .t-gp-4.d-gp-2.center-right,
	.et-table table .m-gp-2.d-gp-2.center-right,
	.et-table table .m-gp-3.d-gp-2.center-right,
	.et-table table .m-gp-4.d-gp-2.center-right,
	.et-table table .m-gp-5.d-gp-2.center-right{
    display: flex;
  }
}.tablefilter{
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 52px;
  justify-content: flex-end;
  gap: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 10px;
}.tablefilter > div{
  align-self: center;
}.tablefilter:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.tablefilter.sticky-element{
  top: 0px;
  z-index: 10001;
}@media (min-width: 768px){.tablefilter.sticky-element{
    top: 74px;
  }
}@media (min-width: 1024px){.tablefilter.sticky-element{
    top: 101px;
  }
}@media (min-width: 768px){.livebar-sticky .tablefilter.sticky-element{
    top: calc(74px + 32px);
  }
}@media (min-width: 1024px){.livebar-sticky .tablefilter.sticky-element{
    top: calc(101px + 32px);
  }
}.tablefilter .default-popup-panel .default-popup-content{
  width: 100%;
  align-items: center;
  justify-content: center;
}@media (min-width: 1280px){.tablefilter .default-popup-panel .default-popup-content{
    display: flex;
  }
}.tablefilter .default-popup-content .checkbox-dropdown-wrapper{
  display: flex;
  flex-direction: column;
}.tablefilter .default-popup-panel .default-popup-content .contentItems .btn-gp{
  display: flex;
  justify-content: center;
}.tablefilter .default-popup-panel .default-popup-content .contentItems .btn-gp > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(10px * var(--tw-space-x-reverse));
  margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}.tablefilter .btn-filter-wrapper{
  position: relative;
  top: 3px;
  margin-right: 0.25rem;
}.tablefilter .btn-filter-wrapper.hasOptions{
  position: relative;
  top: 3px;
}.tablefilter .btn-filter-wrapper.hasOptions::after{
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 100000;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 9999px;
  padding-top: 3px;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-content: attr(data-content);
  content: var(--tw-content);
}.stocks .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .tablefilter .btn-filter-wrapper.hasOptions::after{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.tablefilter .btn-filter-wrapper.hasOptions:is(.dark *)::after{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.tablefilter .default-popup-trigger .btn-filter-wrapper::after{
  top: -20px;
}.tablefilter .default-popup-panel .default-popup-content .contentItems .input-items .display-in-popup-only{
  display: none;
}.tablefilter .default-popup-panel > input.popup-control:not(:checked) ~ .default-popup-content .contentItems:is(.dark *){
  background-color: transparent;
}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems{
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .input-items{
  margin-bottom: min(3vw,30px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}@media (min-width: 768px){.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .input-items{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .input-items .display-in-popup-only{
  display: flex;
}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .btn-gp .btn-filter-wrapper{
  display: none;
}.tablefilter .default-popup-panel > input.popup-control:checked + .default-popup-trigger .btn-filter-wrapper::after,
	.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .btn-gp .btn-filter-wrapper::after{
  display: none;
}.tablefilter select{
		padding: 0rem 3.3rem 0rem 0.5rem;
	}.tablefilter .default-popup-panel > input.popup-control:checked ~ .default-popup-content .contentItems .title{
  margin-bottom: min(3vw,30px);
}.default-popup-panel > input.popup-control:checked ~ .default-popup-content .sub-cat a:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.ipo-filter .ipo-popup-panel div.filter-item.tablefilter-option-selected{
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}.tablefilter .default-popup-panel .default-popup-content div.filter-item.tablefilter-option-selected{
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}.tablefilter .default-popup-panel .default-popup-content div.filter-item.tablefilter-option-selected.inputswitch-radio-filter-item{
  border-width: 0px;
}.tablefilter .filter-item, .ipo-filter .filter-item{
  height: 2rem;
}.tablefilter div.filter-item.tablefilter-option-selected.inputswitch-radio-filter-item .inputswitch-radio input[type=radio]{
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}.tablefilter div.filter-item.tablefilter-option-selected.inputswitch-radio-filter-item .inputswitch-radio input[type=radio]:first-of-type{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-left-width: 2px;
  border-right-width: 0px;
}.tablefilter div.filter-item.tablefilter-option-selected.inputswitch-radio-filter-item .inputswitch-radio input[type=radio].last-of-type{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-left-width: 0px;
  border-right-width: 2px;
}.dark div.filter-item.tablefilter-option-selected{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}.dark div.filter-item.tablefilter-option-selected.inputswitch-radio-filter-item .inputswitch-radio input[type=radio]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}/*
	.tablefilter div.filter-item.tablefilter-option-selected select{
		background-position: calc(100% - 20px) calc(0.7em + 2px),
			calc(100% - 15px) calc(0.7em + 2px), calc(100% - 3em) 0.3em;
	}
	*/.tablefilter div.filter-item.inputsearch-wrapper.tablefilter-option-selected:after{
  top: 0.125rem;
}.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 !important;
}.absolute{
  position: absolute;
}.relative{
  position: relative;
}.sticky{
  position: sticky;
}.\!bottom-0{
  bottom: 0px !important;
}.bottom-0{
  bottom: 0px;
}.bottom-s{
  bottom: 10px;
}.left-0{
  left: 0px;
}.left-3{
  left: 0.75rem;
}.left-\[-1px\]{
  left: -1px;
}.left-\[15px\]{
  left: 15px;
}.left-\[20px\]{
  left: 20px;
}.left-l{
  left: min(2.5vw,50px);
}.right-0{
  right: 0px;
}.right-2{
  right: 0.5rem;
}.right-3{
  right: 0.75rem;
}.top-0{
  top: 0px;
}.top-1\/2{
  top: 50%;
}.top-1\/3{
  top: 33.333333%;
}.top-10{
  top: 2.5rem;
}.top-2{
  top: 0.5rem;
}.top-2\/4{
  top: 50%;
}.top-3{
  top: 0.75rem;
}.top-\[var\(--menu-panel-height-mobile\)\]{
  top: var(--menu-panel-height-mobile);
}.top-filter{
  top: 45px;
}.top-header{
  top: 74px;
}.top-l{
  top: min(2.5vw,50px);
}.z-10{
  z-index: 10;
}.z-\[10001\]{
  z-index: 10001;
}.z-\[1000\]{
  z-index: 1000;
}.z-overlaysticky{
  z-index: 90002;
}.z-sticky{
  z-index: 10000;
}.order-1{
  order: 1;
}.order-2{
  order: 2;
}.order-3{
  order: 3;
}.order-4{
  order: 4;
}.order-5{
  order: 5;
}.order-6{
  order: 6;
}.order-7{
  order: 7;
}.order-8{
  order: 8;
}.order-9{
  order: 9;
}.col-span-1{
  grid-column: span 1 / span 1;
}.col-span-2{
  grid-column: span 2 / span 2;
}.col-span-3{
  grid-column: span 3 / span 3;
}.col-span-full{
  grid-column: 1 / -1;
}.row-span-1{
  grid-row: span 1 / span 1;
}.row-span-2{
  grid-row: span 2 / span 2;
}.row-span-full{
  grid-row: 1 / -1;
}.float-right{
  float: right;
}.m-0{
  margin: 0px;
}.m-1{
  margin: 0.25rem;
}.\!my-m{
  margin-top: min(3vw,30px) !important;
  margin-bottom: min(3vw,30px) !important;
}.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}.mx-auto{
  margin-left: auto;
  margin-right: auto;
}.mx-m{
  margin-left: min(3vw,30px);
  margin-right: min(3vw,30px);
}.mx-s{
  margin-left: 10px;
  margin-right: 10px;
}.mx-sx2{
  margin-left: 20px;
  margin-right: 20px;
}.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}.my-m{
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
}.my-s{
  margin-top: 10px;
  margin-bottom: 10px;
}.my-sx2{
  margin-top: 20px;
  margin-bottom: 20px;
}.\!mb-0{
  margin-bottom: 0px !important;
}.\!ml-0{
  margin-left: 0px !important;
}.\!ml-1{
  margin-left: 0.25rem !important;
}.\!ml-s{
  margin-left: 10px !important;
}.\!mt-0{
  margin-top: 0px !important;
}.-ml-\[8px\]{
  margin-left: -8px;
}.-mr-1{
  margin-right: -0.25rem;
}.-mt-1{
  margin-top: -0.25rem;
}.mb-1{
  margin-bottom: 0.25rem;
}.mb-2{
  margin-bottom: 0.5rem;
}.mb-4{
  margin-bottom: 1rem;
}.mb-5{
  margin-bottom: 1.25rem;
}.mb-8{
  margin-bottom: 2rem;
}.mb-\[30px\]{
  margin-bottom: 30px;
}.mb-\[50px\]{
  margin-bottom: 50px;
}.mb-m{
  margin-bottom: min(3vw,30px);
}.mb-mx2{
  margin-bottom: min(6vw,60px);
}.mb-s{
  margin-bottom: 10px;
}.mb-sx2{
  margin-bottom: 20px;
}.ml-1{
  margin-left: 0.25rem;
}.ml-2{
  margin-left: 0.5rem;
}.ml-6{
  margin-left: 1.5rem;
}.ml-\[30px\]{
  margin-left: 30px;
}.ml-\[5px\]{
  margin-left: 5px;
}.ml-auto{
  margin-left: auto;
}.ml-m{
  margin-left: min(3vw,30px);
}.ml-s{
  margin-left: 10px;
}.ml-sx2{
  margin-left: 20px;
}.mr-0{
  margin-right: 0px;
}.mr-1{
  margin-right: 0.25rem;
}.mr-2{
  margin-right: 0.5rem;
}.mr-\[2px\]{
  margin-right: 2px;
}.mr-\[50px\]{
  margin-right: 50px;
}.mr-\[6px\]{
  margin-right: 6px;
}.mr-m{
  margin-right: min(3vw,30px);
}.mr-s{
  margin-right: 10px;
}.mt-0{
  margin-top: 0px;
}.mt-1{
  margin-top: 0.25rem;
}.mt-2{
  margin-top: 0.5rem;
}.mt-4{
  margin-top: 1rem;
}.mt-\[12px\]{
  margin-top: 12px;
}.mt-\[30px\]{
  margin-top: 30px;
}.mt-\[45px\]{
  margin-top: 45px;
}.mt-\[60px\]{
  margin-top: 60px;
}.mt-m{
  margin-top: min(3vw,30px);
}.mt-s{
  margin-top: 10px;
}.mt-sx2{
  margin-top: 20px;
}.\!block{
  display: block !important;
}.block{
  display: block;
}.inline-block{
  display: inline-block;
}.inline{
  display: inline;
}.\!flex{
  display: flex !important;
}.flex{
  display: flex;
}.inline-flex{
  display: inline-flex;
}.table{
  display: table;
}.grid{
  display: grid;
}.contents{
  display: contents;
}.\!hidden{
  display: none !important;
}.hidden{
  display: none;
}.aspect-video{
  aspect-ratio: 16 / 9;
}.h-1{
  height: 0.25rem;
}.h-1\/2{
  height: 50%;
}.h-12{
  height: 3rem;
}.h-16{
  height: 4rem;
}.h-2{
  height: 0.5rem;
}.h-2\/3{
  height: 66.666667%;
}.h-3{
  height: 0.75rem;
}.h-3\/4{
  height: 75%;
}.h-36{
  height: 9rem;
}.h-4{
  height: 1rem;
}.h-6{
  height: 1.5rem;
}.h-96{
  height: 24rem;
}.h-\[10\%\]{
  height: 10%;
}.h-\[100px\]{
  height: 100px;
}.h-\[12px\]{
  height: 12px;
}.h-\[150px\]{
  height: 150px;
}.h-\[15vh\]{
  height: 15vh;
}.h-\[180px\]{
  height: 180px;
}.h-\[2000px\]{
  height: 2000px;
}.h-\[200px\]{
  height: 200px;
}.h-\[20px\]{
  height: 20px;
}.h-\[220px\]{
  height: 220px;
}.h-\[230px\]{
  height: 230px;
}.h-\[245px\]{
  height: 245px;
}.h-\[250px\]{
  height: 250px;
}.h-\[25px\]{
  height: 25px;
}.h-\[265px\]{
  height: 265px;
}.h-\[26vh\]{
  height: 26vh;
}.h-\[28px\]{
  height: 28px;
}.h-\[2rem\]{
  height: 2rem;
}.h-\[300px\]{
  height: 300px;
}.h-\[30px\]{
  height: 30px;
}.h-\[32\.5px\]{
  height: 32.5px;
}.h-\[32px\]{
  height: 32px;
}.h-\[350px\]{
  height: 350px;
}.h-\[35px\]{
  height: 35px;
}.h-\[35vh\]{
  height: 35vh;
}.h-\[3px\]{
  height: 3px;
}.h-\[400px\]{
  height: 400px;
}.h-\[40px\]{
  height: 40px;
}.h-\[42px\]{
  height: 42px;
}.h-\[430px\]{
  height: 430px;
}.h-\[450px\]{
  height: 450px;
}.h-\[46vh\]{
  height: 46vh;
}.h-\[48px\]{
  height: 48px;
}.h-\[50vh\]{
  height: 50vh;
}.h-\[600px\]{
  height: 600px;
}.h-\[90px\]{
  height: 90px;
}.h-auto{
  height: auto;
}.h-full{
  height: 100%;
}.h-l{
  height: min(2.5vw,50px);
}.h-s{
  height: 10px;
}.max-h-\[100px\]{
  max-height: 100px;
}.max-h-\[40vh\]{
  max-height: 40vh;
}.max-h-full{
  max-height: 100%;
}.min-h-\[100px\]{
  min-height: 100px;
}.min-h-\[250px\]{
  min-height: 250px;
}.min-h-\[410px\]{
  min-height: 410px;
}.\!w-\[25px\]{
  width: 25px !important;
}.\!w-\[30px\]{
  width: 30px !important;
}.\!w-\[50px\]{
  width: 50px !important;
}.w-1\.5{
  width: 0.375rem;
}.w-1\/2{
  width: 50%;
}.w-1\/3{
  width: 33.333333%;
}.w-11{
  width: 2.75rem;
}.w-12{
  width: 3rem;
}.w-2{
  width: 0.5rem;
}.w-2\/3{
  width: 66.666667%;
}.w-3{
  width: 0.75rem;
}.w-3\/4{
  width: 75%;
}.w-4{
  width: 1rem;
}.w-6{
  width: 1.5rem;
}.w-\[100px\]{
  width: 100px;
}.w-\[120px\]{
  width: 120px;
}.w-\[12px\]{
  width: 12px;
}.w-\[130px\]{
  width: 130px;
}.w-\[15\%\]{
  width: 15%;
}.w-\[150px\]{
  width: 150px;
}.w-\[1px\]{
  width: 1px;
}.w-\[20\%\]{
  width: 20%;
}.w-\[200px\]{
  width: 200px;
}.w-\[20px\]{
  width: 20px;
}.w-\[27\%\]{
  width: 27%;
}.w-\[2px\]{
  width: 2px;
}.w-\[3\%\]{
  width: 3%;
}.w-\[30\%\]{
  width: 30%;
}.w-\[300px\]{
  width: 300px;
}.w-\[320px\]{
  width: 320px;
}.w-\[35px\]{
  width: 35px;
}.w-\[40px\]{
  width: 40px;
}.w-\[50\%\]{
  width: 50%;
}.w-\[50px\]{
  width: 50px;
}.w-\[5px\]{
  width: 5px;
}.w-\[60\%\]{
  width: 60%;
}.w-\[60px\]{
  width: 60px;
}.w-\[7\%\]{
  width: 7%;
}.w-\[70\%\]{
  width: 70%;
}.w-\[8\%\]{
  width: 8%;
}.w-\[80\%\]{
  width: 80%;
}.w-\[800px\]{
  width: 800px;
}.w-\[900px\]{
  width: 900px;
}.w-\[970px\]{
  width: 970px;
}.w-\[99\%\]{
  width: 99%;
}.w-\[990px\]{
  width: 990px;
}.w-\[min-content\]{
  width: -moz-min-content;
  width: min-content;
}.w-auto{
  width: auto;
}.w-full{
  width: 100%;
}.w-max{
  width: -moz-max-content;
  width: max-content;
}.min-w-0{
  min-width: 0px;
}.min-w-\[100px\]{
  min-width: 100px;
}.min-w-\[250px\]{
  min-width: 250px;
}.min-w-\[300px\]{
  min-width: 300px;
}.min-w-\[30px\]{
  min-width: 30px;
}.min-w-\[320px\]{
  min-width: 320px;
}.min-w-\[400px\]{
  min-width: 400px;
}.max-w-\[1200px\]{
  max-width: 1200px;
}.max-w-\[150px\]{
  max-width: 150px;
}.max-w-\[400px\]{
  max-width: 400px;
}.flex-1{
  flex: 1 1 0%;
}.flex-shrink-0{
  flex-shrink: 0;
}.shrink-0{
  flex-shrink: 0;
}.flex-grow{
  flex-grow: 1;
}.grow{
  flex-grow: 1;
}.basis-1\/2{
  flex-basis: 50%;
}.basis-1\/3{
  flex-basis: 33.333333%;
}.basis-1\/4{
  flex-basis: 25%;
}.basis-2\/3{
  flex-basis: 66.666667%;
}.basis-3\/4{
  flex-basis: 75%;
}.basis-\[100\%\]{
  flex-basis: 100%;
}.basis-\[30\%\]{
  flex-basis: 30%;
}.basis-\[40\%\]{
  flex-basis: 40%;
}.basis-\[60\%\]{
  flex-basis: 60%;
}.basis-\[90px\]{
  flex-basis: 90px;
}.basis-full{
  flex-basis: 100%;
}.origin-top-right{
  transform-origin: top right;
}.-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));
}.-translate-y-2\/4{
  --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));
}.translate-y-2{
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.scale-75{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
}@keyframes big-ping{75%{
    transform: scale(2.5);
    opacity: 0;
  }100%{
    transform: scale(2.5);
    opacity: 0;
  }
}.animate-big-ping{
  animation: big-ping 0.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}@keyframes ping{75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}@keyframes pulse{50%{
    opacity: .5;
  }
}.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}.\!cursor-default{
  cursor: default !important;
}.cursor-pointer{
  cursor: pointer;
}.resize{
  resize: both;
}.list-disc{
  list-style-type: disc;
}.grid-flow-col{
  grid-auto-flow: column;
}.\!grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}.grid-cols-\[100px_130px_minmax\(90px\2c _auto\)\]{
  grid-template-columns: 100px 130px minmax(90px, auto);
}.grid-cols-\[120px_90px_auto\]{
  grid-template-columns: 120px 90px auto;
}.grid-cols-\[25\%_73\%\]{
  grid-template-columns: 25% 73%;
}.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}.flex-row{
  flex-direction: row;
}.flex-col{
  flex-direction: column;
}.\!flex-wrap{
  flex-wrap: wrap !important;
}.flex-wrap{
  flex-wrap: wrap;
}.flex-nowrap{
  flex-wrap: nowrap;
}.place-content-start{
  place-content: start;
}.place-items-end{
  place-items: end;
}.\!content-center{
  align-content: center !important;
}.content-start{
  align-content: flex-start;
}.items-start{
  align-items: flex-start;
}.items-end{
  align-items: flex-end;
}.\!items-center{
  align-items: center !important;
}.items-center{
  align-items: center;
}.items-stretch{
  align-items: stretch;
}.\!justify-start{
  justify-content: flex-start !important;
}.justify-start{
  justify-content: flex-start;
}.\!justify-end{
  justify-content: flex-end !important;
}.justify-end{
  justify-content: flex-end;
}.\!justify-center{
  justify-content: center !important;
}.justify-center{
  justify-content: center;
}.justify-between{
  justify-content: space-between;
}.justify-around{
  justify-content: space-around;
}.justify-items-start{
  justify-items: start;
}.justify-items-end{
  justify-items: end;
}.\!gap-1{
  gap: 0.25rem !important;
}.gap-1{
  gap: 0.25rem;
}.gap-2{
  gap: 0.5rem;
}.gap-4{
  gap: 1rem;
}.gap-\[20px\]{
  gap: 20px;
}.gap-\[30px\]{
  gap: 30px;
}.gap-m{
  gap: min(3vw,30px);
}.gap-s{
  gap: 10px;
}.gap-sx2{
  gap: 20px;
}.gap-sx4{
  gap: 40px;
}.gap-x-m{
  -moz-column-gap: min(3vw,30px);
       column-gap: min(3vw,30px);
}.gap-y-2{
  row-gap: 0.5rem;
}.gap-y-s{
  row-gap: 10px;
}.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}.space-x-m > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(min(3vw,30px) * var(--tw-space-x-reverse));
  margin-left: calc(min(3vw,30px) * calc(1 - var(--tw-space-x-reverse)));
}.space-x-s > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(10px * var(--tw-space-x-reverse));
  margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}.space-y-m > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(min(3vw,30px) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(min(3vw,30px) * var(--tw-space-y-reverse));
}.space-y-s > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}.divide-dotted > :not([hidden]) ~ :not([hidden]){
  border-style: dotted;
}.place-self-end{
  place-self: end;
}.self-start{
  align-self: flex-start;
}.self-end{
  align-self: flex-end;
}.self-center{
  align-self: center;
}.self-stretch{
  align-self: stretch;
}.overflow-hidden{
  overflow: hidden;
}.overflow-x-hidden{
  overflow-x: hidden;
}.overflow-y-scroll{
  overflow-y: scroll;
}.overscroll-contain{
  overscroll-behavior: contain;
}.overscroll-x-none{
  overscroll-behavior-x: none;
}.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.text-ellipsis{
  text-overflow: ellipsis;
}.whitespace-normal{
  white-space: normal;
}.whitespace-nowrap{
  white-space: nowrap;
}.text-nowrap{
  text-wrap: nowrap;
}.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}.\!rounded-none{
  border-radius: 0px !important;
}.rounded{
  border-radius: 0.25rem;
}.rounded-\[200px\]{
  border-radius: 200px;
}.rounded-\[50\%\]{
  border-radius: 50%;
}.rounded-\[6px\]{
  border-radius: 6px;
}.rounded-full{
  border-radius: 9999px;
}.rounded-lg{
  border-radius: 0.5rem;
}.rounded-md{
  border-radius: 0.375rem;
}.\!border-0{
  border-width: 0px !important;
}.\!border-2{
  border-width: 2px !important;
}.border{
  border-width: 1px;
}.\!border-t-0{
  border-top-width: 0px !important;
}.border-b{
  border-bottom-width: 1px;
}.border-b-0{
  border-bottom-width: 0px;
}.border-b-\[2px\]{
  border-bottom-width: 2px;
}.border-b-\[5px\]{
  border-bottom-width: 5px;
}.border-l{
  border-left-width: 1px;
}.border-r{
  border-right-width: 1px;
}.border-t{
  border-top-width: 1px;
}.border-t-\[1px\]{
  border-top-width: 1px;
}.border-t-\[3px\]{
  border-top-width: 3px;
}.border-solid{
  border-style: solid;
}.border-dotted{
  border-style: dotted;
}.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}.border-borderdotted{
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}.border-gray-700{
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}.border-stocks{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.border-opacity-20{
  --tw-border-opacity: 0.2;
}.\!bg-attraction{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1)) !important;
}.\!bg-bitcoin{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1)) !important;
}.\!bg-red{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1)) !important;
}.bg-\[\#000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}.bg-\[\#1b3811\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 56 17 / var(--tw-bg-opacity, 1));
}.bg-\[\#3246a8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(50 70 168 / var(--tw-bg-opacity, 1));
}.bg-\[\#328fa8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(50 143 168 / var(--tw-bg-opacity, 1));
}.bg-\[\#3b7a25\]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 122 37 / var(--tw-bg-opacity, 1));
}.bg-\[\#6596ec\]{
  --tw-bg-opacity: 1;
  background-color: rgb(101 150 236 / var(--tw-bg-opacity, 1));
}.bg-\[\#6bdb44\]{
  --tw-bg-opacity: 1;
  background-color: rgb(107 219 68 / var(--tw-bg-opacity, 1));
}.bg-\[\#a0e6fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(160 230 250 / var(--tw-bg-opacity, 1));
}.bg-\[\#b7e6f9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(183 230 249 / var(--tw-bg-opacity, 1));
}.bg-\[\#e8f8fa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 248 250 / var(--tw-bg-opacity, 1));
}.bg-\[\#f5c09d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 192 157 / var(--tw-bg-opacity, 1));
}.bg-\[\#fc6603\]{
  --tw-bg-opacity: 1;
  background-color: rgb(252 102 3 / var(--tw-bg-opacity, 1));
}.bg-\[\#fdb913\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 185 19 / var(--tw-bg-opacity, 1));
}.bg-\[rgba\(255\2c 255\2c 255\2c 0\.7\)\]{
  background-color: rgba(255,255,255,0.7);
}.bg-arrowgreen{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
}.bg-arrowred{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
}.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}.bg-blue-300{
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}.bg-blue-400{
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}.bg-forex{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bg-funds{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}.bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}.bg-grey{
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
}.bg-lightbitcoin{
  --tw-bg-opacity: 1;
  background-color: rgb(234 232 246 / var(--tw-bg-opacity, 1));
}.bg-lightforex{
  --tw-bg-opacity: 1;
  background-color: rgb(234 232 246 / var(--tw-bg-opacity, 1));
}.bg-lightgrey{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
}.bg-news{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}.bg-product{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.bg-red{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
}.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}.bg-stocks{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}.\!p-0{
  padding: 0px !important;
}.\!p-m{
  padding: min(3vw,30px) !important;
}.\!p-s{
  padding: 10px !important;
}.p-0{
  padding: 0px;
}.p-1{
  padding: 0.25rem;
}.p-10{
  padding: 2.5rem;
}.p-2{
  padding: 0.5rem;
}.p-4{
  padding: 1rem;
}.p-m{
  padding: min(3vw,30px);
}.p-s{
  padding: 10px;
}.p-sx2{
  padding: 20px;
}.\!px-\[15px\]{
  padding-left: 15px !important;
  padding-right: 15px !important;
}.\!px-\[2px\]{
  padding-left: 2px !important;
  padding-right: 2px !important;
}.\!py-\[10px\]{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}.\!py-\[1px\]{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}.px-0{
  padding-left: 0px;
  padding-right: 0px;
}.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}.px-m{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
}.px-s{
  padding-left: 10px;
  padding-right: 10px;
}.px-sx2{
  padding-left: 20px;
  padding-right: 20px;
}.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}.py-\[30px\]{
  padding-top: 30px;
  padding-bottom: 30px;
}.py-m{
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}.py-s{
  padding-top: 10px;
  padding-bottom: 10px;
}.py-sx2{
  padding-top: 20px;
  padding-bottom: 20px;
}.\!pb-0{
  padding-bottom: 0px !important;
}.\!pr-\[20\%\]{
  padding-right: 20% !important;
}.\!pt-0{
  padding-top: 0px !important;
}.pb-0{
  padding-bottom: 0px;
}.pb-1{
  padding-bottom: 0.25rem;
}.pb-2{
  padding-bottom: 0.5rem;
}.pb-4{
  padding-bottom: 1rem;
}.pb-\[100px\]{
  padding-bottom: 100px;
}.pb-\[30px\]{
  padding-bottom: 30px;
}.pb-\[50px\]{
  padding-bottom: 50px;
}.pb-m{
  padding-bottom: min(3vw,30px);
}.pb-s{
  padding-bottom: 10px;
}.pl-0{
  padding-left: 0px;
}.pl-1{
  padding-left: 0.25rem;
}.pl-3{
  padding-left: 0.75rem;
}.pl-s{
  padding-left: 10px;
}.pr-6{
  padding-right: 1.5rem;
}.pr-m{
  padding-right: min(3vw,30px);
}.pr-s{
  padding-right: 10px;
}.pt-\[10px\]{
  padding-top: 10px;
}.pt-\[15px\]{
  padding-top: 15px;
}.pt-\[25px\]{
  padding-top: 25px;
}.pt-\[30px\]{
  padding-top: 30px;
}.pt-\[8px\]{
  padding-top: 8px;
}.pt-m{
  padding-top: min(3vw,30px);
}.pt-s{
  padding-top: 10px;
}.text-left{
  text-align: left;
}.text-center{
  text-align: center;
}.text-right{
  text-align: right;
}.text-justify{
  text-align: justify;
}.align-middle{
  vertical-align: middle;
}.align-bottom{
  vertical-align: bottom;
}.align-text-bottom{
  vertical-align: text-bottom;
}.\!text-\[15px\]{
  font-size: 15px !important;
}.\!text-\[16px\]{
  font-size: 16px !important;
}.\!text-\[26px\]{
  font-size: 26px !important;
}.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}.\!text-newstitle{
  font-size: 19px !important;
}.text{
  font-size: 15px;
}.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}.text-\[12px\]{
  font-size: 12px;
}.text-\[13px\]{
  font-size: 13px;
}.text-\[15px\]{
  font-size: 15px;
}.text-\[16px\]{
  font-size: 16px;
}.text-\[17px\]{
  font-size: 17px;
}.text-\[18px\]{
  font-size: 18px;
}.text-\[19px\]{
  font-size: 19px;
}.text-\[20px\]{
  font-size: 20px;
}.text-\[22px\]{
  font-size: 22px;
}.text-\[25px\]{
  font-size: 25px;
}.text-\[26px\]{
  font-size: 26px;
}.text-\[28px\]{
  font-size: 28px;
}.text-\[30px\]{
  font-size: 30px;
}.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}.text-bignumber{
  font-size: 28px;
}.text-newstitle{
  font-size: 19px;
}.text-remark{
  font-size: 11px;
}.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}.text-time{
  font-size: 12px;
}.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}.\!font-bold{
  font-weight: 700 !important;
}.\!font-normal{
  font-weight: 400 !important;
}.font-\[400\]{
  font-weight: 400;
}.font-bold{
  font-weight: 700;
}.font-extrabold{
  font-weight: 800;
}.font-extralight{
  font-weight: 200;
}.font-light{
  font-weight: 300;
}.font-medium{
  font-weight: 500;
}.font-normal{
  font-weight: 400;
}.font-semibold{
  font-weight: 600;
}.italic{
  font-style: italic;
}.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}.leading-5{
  line-height: 1.25rem;
}.leading-6{
  line-height: 1.5rem;
}.leading-none{
  line-height: 1;
}.\!text-attraction{
  --tw-text-opacity: 1 !important;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1)) !important;
}.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.text-\[\#666\]{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.text-attraction{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.text-black{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}.text-etf{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.text-forex{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}.text-red{
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}.text-remark{
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.text-stocks{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}.opacity-75{
  opacity: 0.75;
}.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}.outline{
  outline-style: solid;
}.blur{
  --tw-blur: blur(8px);
  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);
}.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}/* start common*/body{
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}body:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){body{
    font-size: 15px;
  }
}/* pageskin container */body.pageskin-page #page-container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){body.pageskin-page #page-container{
    max-width: 768px;
  }
}@media (min-width: 1024px){body.pageskin-page #page-container{
    max-width: 1024px;
  }
}@media (min-width: 1280px){body.pageskin-page #page-container{
    max-width: 1280px;
  }
}@media (min-width: 1600px){body.pageskin-page #page-container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){body.pageskin-page #page-container{
    max-width: 1920px;
  }
}body.pageskin-page #page-container{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){body.pageskin-page #page-container{
    max-width: 100%;
  }
}@media (min-width: 1024px){body.pageskin-page #page-container{
    max-width: 100%;
  }
}@media (min-width: 1280px){body.pageskin-page #page-container{
    max-width: 100%;
  }
}@media (min-width: 1600px){body.pageskin-page #page-container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){body.pageskin-page #page-container{
    max-width: 1920px;
  }
}body.pageskin-page #page-container{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
}.live-bar body.pageskin-page #page-container {
		height: 32px;
		display: flex;
	}.live-bar body.pageskin-page #page-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar body.pageskin-page #page-container .liveBarContent{
    display: block;
  }
}.live-bar body.pageskin-page #page-container .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar body.pageskin-page #page-container .liveBarMarqueeContent{
    display: none;
  }
}.live-bar body.pageskin-page #page-container .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar body.pageskin-page #page-container .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.live-bar body.pageskin-page #page-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar body.pageskin-page #page-container .liveBarContent{
    display: block;
  }
}.indexes-panel body.pageskin-page #page-container {
		height: 32px;
		display: flex;
	}.btn-member + .dropdown-content body.pageskin-page #page-container{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}footer #FooterDisclaimer body.pageskin-page #page-container > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#FooterAwards body.pageskin-page #page-container {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}@media only screen and (min-width: 568px) {
		#FooterAwards body.pageskin-page #page-container {
			display: ruby;
		}
		#FooterAwards body.pageskin-page #page-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards body.pageskin-page #page-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards body.pageskin-page #page-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards body.pageskin-page #page-container {
			display: ruby;
		}
		#FooterAwards body.pageskin-page #page-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards body.pageskin-page #page-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards body.pageskin-page #page-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards body.pageskin-page #page-container {
			display: ruby;
		}
		#FooterAwards body.pageskin-page #page-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards body.pageskin-page #page-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards body.pageskin-page #page-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards body.pageskin-page #page-container {
			display: ruby;
		}
		#FooterAwards body.pageskin-page #page-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards body.pageskin-page #page-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards body.pageskin-page #page-container .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){body.pageskin-page #page-container{
    max-width: 100% !important;
  }
}@media (min-width: 1024px){.live-bar body.pageskin-page #page-container,
.indexes-panel body.pageskin-page #page-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar body.pageskin-page #page-container,
.indexes-panel body.pageskin-page #page-container{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1024px){.live-bar body.pageskin-page #page-container,
.indexes-panel body.pageskin-page #page-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar body.pageskin-page #page-container,
.indexes-panel body.pageskin-page #page-container{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}body.pageskin-page #page-container:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}/** start cookie controlled up down arrow color **/.up{
  --tw-text-opacity: 1;
  color: rgb(0 153 0 / var(--tw-text-opacity, 1));
}.up-light{
  --tw-text-opacity: 1;
  color: rgb(120 230 120 / var(--tw-text-opacity, 1));
}.down{
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}.down:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}.down-light{
  --tw-text-opacity: 1;
  color: rgb(240 150 150 / var(--tw-text-opacity, 1));
}h1{
  font-size: 36px;
  font-weight: 400;
}h2{
  font-size: 19px;
  font-weight: 400;
}.page-crosssell-container > h2{
		font-size:22px; font-weight:500; line-height:1; margin-bottom: 20px}h3{
  font-size: 17px;
  font-weight: 700;
}h4{
  font-size: 15px;
  font-weight: 400;
}.et-list li h4{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li h4{
    font-size: 18px;
  }
}.et-list.small li h4{
  font-size: 15px;
}.et-grid h4{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid h4{
    font-size: 19px;
  }
}h5{
  font-size: 13px;
  font-weight: 400;
}h6{
  font-size: 11px;
  font-weight: 400;
}.button{
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}.button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.button.s, .label.s{
  font-size: 11px;
  font-weight: 400;
}.button.\!s, .label.\!s{
  font-size: 11px;
  font-weight: 400;
}.button.m, .label.m{
  font-size: 13px;
  font-weight: 400;
}.button.\!m, .label.\!m{
  font-size: 13px;
  font-weight: 400;
}.button.l, .label.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .button.l,.et-list li  .label.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .button.l,.et-list li  .label.l{
    font-size: 18px;
  }
}.et-list.small li .button.l,.et-list.small li  .label.l{
  font-size: 15px;
}.et-grid .button.l,.et-grid  .label.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .button.l,.et-grid  .label.l{
    font-size: 19px;
  }
}.button.\!l, .label.\!l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .button.\!l,.et-list li  .label.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .button.\!l,.et-list li  .label.\!l{
    font-size: 18px;
  }
}.et-list.small li .button.\!l,.et-list.small li  .label.\!l{
  font-size: 15px;
}.et-grid .button.\!l,.et-grid  .label.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .button.\!l,.et-grid  .label.\!l{
    font-size: 19px;
  }
}.button.\!l, .label.\!l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .button.\!l,.et-list li  .label.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .button.\!l,.et-list li  .label.\!l{
    font-size: 18px;
  }
}.et-list.small li .button.\!l,.et-list.small li  .label.\!l{
  font-size: 15px;
}.et-grid .button.\!l,.et-grid  .label.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .button.\!l,.et-grid  .label.\!l{
    font-size: 19px;
  }
}.button.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.button.s{
  font-size: 11px;
  font-weight: 400;
}.button.\!s{
  font-size: 11px;
  font-weight: 400;
}.button.m{
  font-size: 13px;
  font-weight: 400;
}.button.\!m{
  font-size: 13px;
  font-weight: 400;
}.button.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .button.l{
    font-size: 18px;
  }
}.et-list.small li .button.l{
  font-size: 15px;
}.et-grid .button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .button.l{
    font-size: 19px;
  }
}.button.\!l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .button.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .button.\!l{
    font-size: 18px;
  }
}.et-list.small li .button.\!l{
  font-size: 15px;
}.et-grid .button.\!l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .button.\!l{
    font-size: 19px;
  }
}.button.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.button.disable{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}.button.disable:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}.button.voting{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.button.voting::before{
  margin-right: 0.25rem;
  display: inline-block;
  height: 10px;
  width: 46px;
  background-image: url(/web_common/images/icons/voting_icon_white.svg);
  --tw-content: "";
  content: var(--tw-content);
}body .button.voting:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body .button.default:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.arrow::before {
		font-size: 0.95em;
		padding-right: 2px;
		transform: scaleX(1.2);
		display: inline-block;
	}a {
		transition: opacity 0.2s ease-in;
	}a:hover {
		opacity: 0.75;
		transition: opacity 0.2s ease-out;
	}/*a.sortable {
		position: relative;
		cursor: pointer;
		padding-right: 10px;
	}*/span.sortable,
	a.sortable{
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
}.text-right span.sortable,
	.text-right a.sortable{
  justify-content: flex-end;
}@media (min-width: 768px){.tablet\:text-right a.sortable,
	.tablet\:text-right span.sortable{
    justify-content: flex-end;
  }
}span.sortable span.btn-sort,
	a.sortable span.btn-sort{
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}span.sortable span.btn-sort::before,
	span.sortable span.btn-sort::after,
	a.sortable span.btn-sort::before,
	a.sortable span.btn-sort::after {
		border: 5.5px solid transparent;
		content: "";
		height: 0;
		width: 0;
	}span.sortable span.btn-sort::before,
	a.sortable span.btn-sort::before {
		border-bottom-color: #66666670;
	}span.sortable span.btn-sort::after,
	a.sortable span.btn-sort::after {
		border-top-color: #66666670;
	}.up.arrow::before {
		content: "\25b2";
	}.down.arrow::before {
		content: "\25bc";
	}.stocks span.sortable.active.asc span.btn-sort::before,.stocks 
	a.sortable.active.asc span.btn-sort::before,.stocks 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.news span.sortable.active.asc span.btn-sort::before,.news 
	a.sortable.active.asc span.btn-sort::before,.news 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.futures span.sortable.active.asc span.btn-sort::before,.futures 
	a.sortable.active.asc span.btn-sort::before,.futures 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.warrants span.sortable.active.asc span.btn-sort::before,.warrants 
	a.sortable.active.asc span.btn-sort::before,.warrants 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.etf span.sortable.active.asc span.btn-sort::before,.etf 
	a.sortable.active.asc span.btn-sort::before,.etf 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.ashares span.sortable.active.asc span.btn-sort::before,.ashares 
	a.sortable.active.asc span.btn-sort::before,.ashares 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.forex span.sortable.active.asc span.btn-sort::before,.forex 
	a.sortable.active.asc span.btn-sort::before,.forex 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin span.sortable.active.asc span.btn-sort::before,.bitcoin 
	a.sortable.active.asc span.btn-sort::before,.bitcoin 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.mpf span.sortable.active.asc span.btn-sort::before,.mpf 
	a.sortable.active.asc span.btn-sort::before,.mpf 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(86 153 0 / var(--tw-border-opacity, 1));
}.bitcoin span.sortable.active.asc span.btn-sort::before,.bitcoin 
	a.sortable.active.asc span.btn-sort::before,.bitcoin 
	a.sortable.asc:hover span.btn-sort::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.stocks span.sortable.active.desc span.btn-sort::after,.stocks 
	a.sortable.active.desc span.btn-sort::after,.stocks 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.news span.sortable.active.desc span.btn-sort::after,.news 
	a.sortable.active.desc span.btn-sort::after,.news 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.futures span.sortable.active.desc span.btn-sort::after,.futures 
	a.sortable.active.desc span.btn-sort::after,.futures 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.warrants span.sortable.active.desc span.btn-sort::after,.warrants 
	a.sortable.active.desc span.btn-sort::after,.warrants 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.etf span.sortable.active.desc span.btn-sort::after,.etf 
	a.sortable.active.desc span.btn-sort::after,.etf 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.ashares span.sortable.active.desc span.btn-sort::after,.ashares 
	a.sortable.active.desc span.btn-sort::after,.ashares 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.forex span.sortable.active.desc span.btn-sort::after,.forex 
	a.sortable.active.desc span.btn-sort::after,.forex 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin span.sortable.active.desc span.btn-sort::after,.bitcoin 
	a.sortable.active.desc span.btn-sort::after,.bitcoin 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.mpf span.sortable.active.desc span.btn-sort::after,.mpf 
	a.sortable.active.desc span.btn-sort::after,.mpf 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(86 153 0 / var(--tw-border-opacity, 1));
}.bitcoin span.sortable.active.desc span.btn-sort::after,.bitcoin 
	a.sortable.active.desc span.btn-sort::after,.bitcoin 
	a.sortable.desc:hover span.btn-sort::after{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.stocks span.sortable.active,.stocks 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news span.sortable.active,.news 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures span.sortable.active,.futures 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants span.sortable.active,.warrants 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf span.sortable.active,.etf 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares span.sortable.active,.ashares 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex span.sortable.active,.forex 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin span.sortable.active,.bitcoin 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds span.sortable.active,.funds 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf span.sortable.active,.mpf 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property span.sortable.active,.property 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle span.sortable.active,.lifestyle 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki span.sortable.active,.wiki 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction span.sortable.active,.attraction 
	a.sortable.active{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.stocks a.sortable:hover,.stocks 
	span.sortable span.btn-sort:hover,.stocks 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news a.sortable:hover,.news 
	span.sortable span.btn-sort:hover,.news 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures a.sortable:hover,.futures 
	span.sortable span.btn-sort:hover,.futures 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants a.sortable:hover,.warrants 
	span.sortable span.btn-sort:hover,.warrants 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf a.sortable:hover,.etf 
	span.sortable span.btn-sort:hover,.etf 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares a.sortable:hover,.ashares 
	span.sortable span.btn-sort:hover,.ashares 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex a.sortable:hover,.forex 
	span.sortable span.btn-sort:hover,.forex 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin a.sortable:hover,.bitcoin 
	span.sortable span.btn-sort:hover,.bitcoin 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds a.sortable:hover,.funds 
	span.sortable span.btn-sort:hover,.funds 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf a.sortable:hover,.mpf 
	span.sortable span.btn-sort:hover,.mpf 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property a.sortable:hover,.property 
	span.sortable span.btn-sort:hover,.property 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle a.sortable:hover,.lifestyle 
	span.sortable span.btn-sort:hover,.lifestyle 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki a.sortable:hover,.wiki 
	span.sortable span.btn-sort:hover,.wiki 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction a.sortable:hover,.attraction 
	span.sortable span.btn-sort:hover,.attraction 
	a.sortable span.btn-sort:hover{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}label {
		cursor: pointer;
	}body.color-palette-a .up{
  --tw-text-opacity: 1;
  color: rgb(0 153 0 / var(--tw-text-opacity, 1));
}body.color-palette-a .up-light{
  --tw-text-opacity: 1;
  color: rgb(120 230 120 / var(--tw-text-opacity, 1));
}body.color-palette-a .down{
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-a .down:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-a .down-light{
  --tw-text-opacity: 1;
  color: rgb(240 150 150 / var(--tw-text-opacity, 1));
}body.color-palette-b .up{
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-b .up:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-b .up-light{
  --tw-text-opacity: 1;
  color: rgb(240 150 150 / var(--tw-text-opacity, 1)); dark:text-arrowred-dark;
}body.color-palette-b .down{
  --tw-text-opacity: 1;
  color: rgb(0 153 0 / var(--tw-text-opacity, 1));
}body.color-palette-b .down-light{
  --tw-text-opacity: 1;
  color: rgb(120 230 120 / var(--tw-text-opacity, 1));
}.bg-change{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}body.color-palette-a .bg-change.up{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-a .bg-change.down{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-a .bg-change.down:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
}body.color-palette-b .bg-change.up{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-b .bg-change.up:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
}body.color-palette-b .bg-change.down{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-a .bg-change.up-light{
  --tw-bg-opacity: 1;
  background-color: rgb(120 230 120 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}body.color-palette-a .bg-change.down-light{
  --tw-bg-opacity: 1;
  background-color: rgb(240 150 150 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}body.color-palette-b .bg-change.up-light{
  --tw-bg-opacity: 1;
  background-color: rgb(240 150 150 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}body.color-palette-b .bg-change.down-light{
  --tw-bg-opacity: 1;
  background-color: rgb(120 230 120 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}body.color-palette-a .shadow-circle.up{
        box-shadow: 0px 5px 25px #009900;
        --tw-border-opacity: 1;
        border-color: rgb(0 153 0 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 153 0 / var(--tw-text-opacity, 1))}body.color-palette-a .shadow-circle.down{
        box-shadow: 0px 5px 25px #CC0000;
        --tw-border-opacity: 1;
        border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(204 0 0 / var(--tw-text-opacity, 1))}body.color-palette-b .shadow-circle.up{
        box-shadow: 0px 5px 25px #CC0000;
        --tw-border-opacity: 1;
        border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(204 0 0 / var(--tw-text-opacity, 1))}body.color-palette-b .shadow-circle.down{
        box-shadow: 0px 5px 25px #009900;
        --tw-border-opacity: 1;
        border-color: rgb(0 153 0 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(0 153 0 / var(--tw-text-opacity, 1))}.shadow-circle.unchange{
        box-shadow: 0px 5px 25px #cccccc;
        --tw-border-opacity: 1;
        border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity, 1))}.unchange.arrow::before {
		display: none;
	}.unchange.arrow::before,
	.sortable::before {
		display: none;
	}/** end cookie controlled up down arrow color **//* channel color */.stocks .text-channel{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.stocks .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.stocks .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.stocks .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.stocks .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.stocks .fill-channel{
  fill: #00a1bd;
}.news .text-channel{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.news .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.news .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.news .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.news .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.news .fill-channel{
  fill: #c91316;
}.futures .text-channel{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.futures .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.futures .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.futures .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.futures .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.futures .fill-channel{
  fill: #ff6600;
}.warrants .text-channel{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .text-channel{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.etf .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.etf .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.etf .fill-channel{
  fill: #00a1bd;
}.etf .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.etf .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.ashares .text-channel{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .text-channel{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.forex .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.forex .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.forex .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.forex .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.forex .fill-channel{
  fill: #9254c6;
}.bitcoin .text-channel{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .fill-channel{
  fill: #9254c6;
}.funds .text-channel{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.funds .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .text-channel{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.mpf .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .text-channel{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.property .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(26 90 144 / var(--tw-border-opacity, 1));
}.property .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.bitcoin .border-t-channel{
  --tw-border-opacity: 1;
  border-top-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .border-b-channel{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.property .fill-channel{
  fill: #1a5a90;
}.lifestyle .text-channel{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.lifestyle .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(34 189 189 / var(--tw-border-opacity, 1));
}.lifestyle .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.lifestyle .fill-channel{
  fill: #22bdbd;
}.wiki .text-channel{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.wiki .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(151 149 240 / var(--tw-border-opacity, 1));
}.wiki .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.wiki .fill-channel{
  fill: #9795f0;
}.attraction .text-channel{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.attraction .border-channel{
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
}.attraction .bg-channel{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.attraction .fill-channel{
  fill: #df6436;
}.stocks .highlight a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.button:not(.disable):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}select {
		-webkit-appearance: none;
		-moz-appearance: none;
		padding: 0rem 3.3rem 0rem 0.5rem;
		font-size: 13px;
		background-image: linear-gradient(to top right, transparent 50%, gray 50%),
			linear-gradient(to bottom right, gray 50%, transparent 50%),
			linear-gradient(to right, #ccc, #ccc);
		background-position: calc(100% - 20px) calc(0.7em + 2px),
			calc(100% - 15px) calc(0.7em + 2px), calc(100% - 3em) 0.4em;
		background-size: 5px 8px, 5px 8px, 1px 1.5em;
		background-repeat: no-repeat;
		background-color:white;
		height: 2rem;
		cursor: pointer;
		border-width: 1px;
		outline: 2px solid transparent;
		outline-offset: 2px}select:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){select{
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}select.active{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction select.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}select.active option:not([disabled]), .option-other-dropdown.active>select option:not([disabled]){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}select.active option:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}select.active, .option-other-dropdown.active>select {
		background-image: linear-gradient(to top right, transparent 50%, white 50%),
			linear-gradient(to bottom right, white 50%, transparent 50%),
			linear-gradient(to right, #fff, #fff);
	}input:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.inputtext{
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
}.inputtext:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}.inputtext::-moz-placeholder{
  font-size: 13px;
}.inputtext::placeholder{
  font-size: 13px;
}.inputtext.daterange{
  min-width: 203px;
}.tablefilter .inputtext:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.inputswitch{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
}.inputswitch input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}.inputswitch > div{
  height: 1.25rem;
  width: 2.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.inputswitch > div::after{
  position: absolute;
  top: 2px;
  left: 2px;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: '';
  content: var(--tw-content);
}.inputswitch > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}.inputswitch input:checked + div{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}.inputswitch input:checked + div::after{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.inputswitch.on > div{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}.inputswitch.on > div::after{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.inputswitch > span{
  margin-left: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}.inputswitch > span::after{
  --tw-content: 'OFF';
  content: var(--tw-content);
}.inputswitch > span:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.inputswitch input:checked + div + span::after{
  --tw-content: 'ON';
  content: var(--tw-content);
}.inputswitch.on > div + span::after{
  --tw-content: 'ON';
  content: var(--tw-content);
}input[type=checkbox].inputcheckbox{
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}input[type=checkbox].inputcheckbox:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}.inputtext-dropdown, .inputnumber-dropdown{
  position: relative;
  display: flex;
  flex-grow: 1;
}.inputtext-dropdown > input, .inputnumber-dropdown > input{
  position: absolute;
  top: 3px;
  left: 8px;
  z-index: 20;
  height: 25px;
  width: 250px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}.inputtext-dropdown > input:is(.dark *), .inputnumber-dropdown > input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 1280px){.inputtext-dropdown > input, .inputnumber-dropdown > input{
    width: 80px;
  }
}.inputtext-dropdown > select, .inputnumber-dropdown select{
  display: flex;
  height: 100%;
  flex-grow: 1;
}:is(.dark *)::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:-ms-input-placeholder:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(.dark *)::-ms-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/* Chrome, Safari, Edge, Opera */input.remove-default::-webkit-outer-spin-button,
	input.remove-default::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}/* Firefox */input[type=number].remove-default {
	-moz-appearance: textfield;
	}/* section *//** remove iframe focus out line **/iframe:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}/**************** ++++++ pagination ++++++ ****************/.pagination{
  margin-left: auto;
  margin-right: auto;
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}.pagination a,
	.pagination select {
		width: 40px;
		height: 40px;
		margin: 0px 3px;
		transition: color ease-in 0.2s, border-color ease-in 0.3s;
		position: relative;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(53 53 53 / var(--tw-text-opacity, 1));
	}.pagination a:is(.dark *),
	.pagination select:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.pagination a{
  border-radius: 9999px;
  line-height: 40px;
}.pagination select{
  width: 100px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.pagination select:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){.pagination select{
    border-radius: 9999px;
  }
}.pagination .form-select{
  cursor: pointer;
  padding-left: 1.5rem;
}.pagination .form-select:focus {
		outline: 0;
	}.pagination .dropdown-options {
		height: 200px;
		overflow-y: scroll;
		position: absolute;
		cursor: pointer;
	}.pagination .dropdown-options > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(233 233 234 / var(--tw-divide-opacity, 1));
}.pagination .dropdown-options{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.pagination .dropdown-options:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.pagination .dropdown-options div{
  width: 100px;
  text-align: center;
}@media (min-width: 768px){.pagination .dropdown-options div{
    width: 40px;
  }
}.pagination a.prev::before,
	.pagination a.next::before,
	.pagination a.first-page::before,
	.pagination a.first-page::after,
	.pagination a.last-page::before,
	.pagination a.last-page::after,
	.pagination a.prev-ten::before,
	.pagination a.prev-ten::after,
	.pagination a.next-ten::before,
	.pagination a.next-ten::after {
		display: block;
		position: absolute;
		--tw-text-opacity: 1;
		color: rgb(204 204 204 / var(--tw-text-opacity, 1));
	}.pagination a.first-page::before {
		content: "|";
		left: 12px;
		top: -2px;
	}.pagination a.first-page::after {
		content: "〈";
		left: 8px;
		top: -1px;
	}.pagination a.last-page::before {
		content: "|";
		right: 12px;
		top: -2px;
	}.pagination a.last-page::after {
		content: "〉";
		right: 8px;
		top: -1px;
	}.pagination a.prev-ten::before {
		content: "〈";
		left: 8px;
		top: -1px;
	}.pagination a.prev-ten::after {
		content: "〈";
		left: 4px;
		top: -1px;
	}.pagination a.next-ten::before {
		content: "〉";
		right: 7px;
		top: -1px;
	}.pagination a.next-ten::after {
		content: "〉";
		right: 3px;
		top: -1px;
	}.pagination a.prev-ten,
	.pagination a.next-ten{
  display: none;
}@media (min-width: 768px){.pagination a.prev-ten,
	.pagination a.next-ten{
    display: block;
  }
}.pagination a.prev::before {
		content: "〈";
		left: 5px;
		top: -1px;
	}.pagination a.next::before {
		content: "〉";
		right: 5px;
		top: -1px;
	}.pagination a:hover,
	.pagination a:hover::before,
	.pagination a:hover::after,
	.pagination select:hover,
	.pagination select:hover::before,
	.pagination select:hover::after {
		transition: all ease-out 0.2s;
		--tw-border-opacity: 1;
		border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(53 53 53 / var(--tw-text-opacity, 1));
	}.pagination a:hover:is(.dark *),
	.pagination a:hover:is(.dark *)::before,
	.pagination a:hover:is(.dark *)::after,
	.pagination select:hover:is(.dark *),
	.pagination select:hover:is(.dark *)::before,
	.pagination select:hover:is(.dark *)::after{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.pagination a.active {
		box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.5);
		cursor: none;
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}.pagination a.active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.pagination a.disabled{
  cursor: default;
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.pagination a.disabled:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.pagination a.disabled:is(.dark *)::before,
	.pagination a.Disabled:is(.dark *)::after{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.stocks .pagination a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.etf .pagination a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/**************** ------ pagination ------ ****************/.tab-group{
  width: 100%;
}.tab-group .tab {
		cursor: pointer;
	}.tab-content-group .tab-content {
		display: none;
	}.tab-content-group .active.tab-content {
		display: block;
	}.tab-content-group > .tab-radio:checked + .tab-label + .tab-content {
		display: block;
	}.flex-row-center > div{
  align-self: center;
}.scrollbar::-webkit-scrollbar {
		width: 8px;
		height: 8px;
		margin-left: -10px;
	}.scrollbar::-webkit-scrollbar-track {
		border-radius: 100vh;
	}.scrollbar::-webkit-scrollbar-thumb {
		background: rgba(119, 119, 119, 0.7);
		border-radius: 100vh;
	}.scrollbar::-webkit-scrollbar-thumb:hover {
		background: #707070;
	}/* overlay */input.popup-control{
  display: none;
  opacity: 0;
}.overlay, .popup-wrapper{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}input.popup-control:checked + .popup-wrapper{
  display: flex;
}input.popup-control:checked + .popup-wrapper .ads-container-wrapper{
  display: flex;
  justify-content: center;
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}input.popup-control:not(:checked) + .popup-wrapper .ads-container-wrapper{
  display: none;
}.popup-wrapper{
  display: none;
}.popup-content-wrapper{
  z-index: 90001;
  margin: auto;
  min-height: min(800px,90%);
  width: 90%;
  overscroll-behavior: contain;
}@media (min-width: 768px){.popup-content-wrapper{
    width: max(748px,85%);
  }
}@media (min-width: 1280px){.popup-content-wrapper{
    width: max(50%,1050px);
  }
}.popup-wrapper .ads-container-wrapper{
  display: flex;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-bottom: 10px;
}.popup-wrapper .ads-container-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.popup-content{
  max-height: 600px;
  min-height: 300px;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.popup-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.popup-content{
    max-height: 800px;
  }
}.overlay-content{
  z-index: 90001;
}.popup-close, .dropdown .dropdown-close, .default-popup-close{
  right: 0px;
  margin-left: auto;
  display: block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.popup-close:is(.dark *), .dropdown .dropdown-close:is(.dark *), .default-popup-close:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.dropdown .dropdown-close{
    display: none;
  }
}.dropdown .dropdown-close:after,  .popup-close::after, .default-popup-close::after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
		content: url(/web_common/images/buttons/btn-close.svg);
}/* remark */.remark{
  font-size: 11px;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.remark:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.arrow-right::after{
  position: absolute;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  --tw-content: url(/web_common/images/icons/arrow_right.svg);
  content: var(--tw-content);
}.arrow-right:is(.dark *)::after{
  --tw-content: url(/web_common/images/icons/arrow_right_dark.svg);
  content: var(--tw-content);
}.arrow-right::after {
		width: 18px;
		padding-left: 0.4rem;
		transition: padding-left ease-in 0.3s;
	}.dark.arrow-right::after{
  --tw-content: url(/web_common/images/icons/arrow_right_dark.svg);
  content: var(--tw-content);
}/* swiper */.swiper-container{
  overflow: hidden;
}#section-articles.swiper{
  padding-bottom: min(3vw,30px);
}@media (min-width: 1024px){#section-articles.swiper{
    padding-bottom: 0px;
  }
}.stocks .swiper-pagination .swiper-pagination-bullet,.stocks 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .swiper-pagination .swiper-pagination-bullet,.news 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .swiper-pagination .swiper-pagination-bullet,.futures 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .swiper-pagination .swiper-pagination-bullet,.warrants 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .swiper-pagination .swiper-pagination-bullet,.etf 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .swiper-pagination .swiper-pagination-bullet,.ashares 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .swiper-pagination .swiper-pagination-bullet,.forex 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .swiper-pagination .swiper-pagination-bullet,.bitcoin 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .swiper-pagination .swiper-pagination-bullet,.funds 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .swiper-pagination .swiper-pagination-bullet,.mpf 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .swiper-pagination .swiper-pagination-bullet,.property 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .swiper-pagination .swiper-pagination-bullet,.lifestyle 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .swiper-pagination .swiper-pagination-bullet,.wiki 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .swiper-pagination .swiper-pagination-bullet,.attraction 
	.swiper-pagination .swiper-pagination-bullet:active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.indexes-panel .swiper-vertical > div.swiper-wrapper{
    flex-direction: row;
  }
}.ExtraHeader .swiper-button-next-extra,
	.ExtraHeader .swiper-button-prev-extra {
		flex: 0 0 12px;
		vertical-align: middle;
		width: 12px;
		height: 20px;
		border: none;
		outline: none;
	}.ExtraHeader .swiper-button-next-extra::before,
	.ExtraHeader .swiper-button-prev-extra::before {
		content: "";
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		width: 0px;
		height: 0px;
		display: inline-block;
		padding: 0px;
		margin: 5px 0px 0px 0px;
		float: left;
		cursor: pointer;
	}.ExtraHeader .swiper-button-disabled.swiper-button-prev-extra::before {
		border-right: 9px solid #666666;
		cursor: default}.ExtraHeader .swiper-button-disabled.swiper-button-prev-extra:is(.dark *)::before{
  --tw-border-opacity: 1;
  border-right-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.ExtraHeader .swiper-button-disabled.swiper-button-next-extra::before {
		border-left: 9px solid #666666;
		cursor: default}.ExtraHeader .swiper-button-disabled.swiper-button-next-extra:is(.dark *)::before{
  --tw-border-opacity: 1;
  border-left-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.ExtraHeader .swiper-button-prev-extra::before {
		border-right: 9px solid #000;
		cursor: pointer}.ExtraHeader .swiper-button-prev-extra:is(.dark *)::before{
  --tw-border-opacity: 1;
  border-right-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.ExtraHeader .swiper-button-next-extra::before {
		border-left: 9px solid #000;
		cursor: pointer}.ExtraHeader .swiper-button-next-extra:is(.dark *)::before{
  --tw-border-opacity: 1;
  border-left-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.stocks #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction #custom-panel .swiper-pagination .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.summary.swiper .swiper-slide{
  overflow: hidden;
}.summary.swiper .swiper-slide:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.summary.swiper .swiper-slide{
    border-right-width: 1px;
  }
}@media (min-width: 1024px){.summary.swiper .swiper-slide{
    padding-left: min(3vw,30px);
    padding-right: min(3vw,30px);
  }
}.summary.swiper .swiper-slide:first-child{
  padding-left: 0px;
}.summary.swiper .swiper-slide:last-child{
  border-width: 0px;
  padding-right: 0px;
}/* back to top function */#back-to-top-wrapper{
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 10002;
  display: flex;
  width: 100px;
  flex-wrap: wrap;
  justify-content: flex-end;
}#right-side-panel{
  position: fixed;
  top: 30%;
  right: 0px;
  z-index: 10002;
  display: flex;
  width: 24px;
  flex-wrap: wrap;
  justify-content: flex-end;
}@media (min-width: 768px){#right-side-panel{
    right: 10px;
    width: 48px;
  }
}.global-share-panel-wrapper{
  position: relative;
}#btn-global-share{
  display: flex;
  width: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  padding-top: 20px;
  padding-bottom: 20px;
}#btn-global-share:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){#btn-global-share{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}@media (min-width: 1280px){#btn-global-share:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}#btn-global-share::before{
  z-index: 10;
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: 'SHARE';
  content: var(--tw-content);
}@media (min-width: 768px){#btn-global-share::before{
    height: 30px;
    width: 30px;
    --tw-rotate: 0deg;
    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: url('/web_common/images/buttons/btn-share.svg');
    content: var(--tw-content);
  }#btn-global-share:hover::before{
    --tw-content: url('/web_common/images/buttons/btn-share-hover.svg');
    content: var(--tw-content);
  }
}#right-side-panel .btn-wiki{
  margin-right: 0px;
  display: flex;
  width: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 0.6;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fbc8d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 200 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9795f0 var(--tw-gradient-to-position);
  padding-top: 20px;
  padding-bottom: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){#right-side-panel .btn-wiki{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}#right-side-panel .btn-wiki::before{
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: none;
  --tw-content: 'WIKI';
  content: var(--tw-content);
}@media (min-width: 768px){#right-side-panel .btn-wiki::before{
    height: 28px;
    width: 28px;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url(/web_common/images/buttons/btn-wiki.svg);
    --tw-content: '';
    content: var(--tw-content);
  }
}#right-side-panel .btn-hot{
  display: flex;
  width: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.8;
  padding-top: 20px;
  padding-bottom: 20px;
}@media (min-width: 768px){#right-side-panel .btn-hot{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}#right-side-panel .btn-hot::before{
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-content: 'HOT';
  content: var(--tw-content);
}@media (min-width: 768px){#right-side-panel .btn-hot::before{
    --tw-rotate: 0deg;
    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));
  }
}#right-side-panel .btn-voting{
  display: flex;
  width: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(34 189 189 / var(--tw-border-opacity, 1));
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.8;
  padding-top: 20px;
  padding-bottom: 20px;
}@media (min-width: 768px){#right-side-panel .btn-voting{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}#right-side-panel .btn-voting::before{
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-content: '投票';
  content: var(--tw-content);
}@media (min-width: 768px){#right-side-panel .btn-voting::before{
    --tw-rotate: 0deg;
    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));
  }
}.global-share-panel-input{
  display: none;
}.global-share-panel{
  display: none;
  width: 3rem;
}.global-share-panel.horizontal{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: static;
  z-index: 0;
  width: auto;
  gap: 10px;
  background-color: transparent;
  padding-bottom: 0px;
}.global-share-panel.horizontal > div{
  align-self: center;
  margin-top: 0px;
  margin-bottom: 0px;
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.global-share-panel.horizontal > div:is(.dark *){
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.global-share-panel-input:checked + .global-share-panel{
  position: absolute;
  right: 0px;
  bottom: 7px;
  z-index: 11;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
}@media (min-width: 768px){.global-share-panel-input:checked + .global-share-panel{
    bottom: 0px;
  }
}.global-share-panel-close{
  display: flex;
  height: 3rem;
  width: 3rem;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.global-share-panel-close::before{
  height: 30px;
  width: 30px;
  align-self: center;
  --tw-content: url('/web_common/images/buttons/btn-share-close.svg');
  content: var(--tw-content);
}.global-share-panel .facebook, .btn-facebook{
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-fb.svg');
  content: var(--tw-content);
}.global-share-panel .whatsapp, .btn-whatsapp{
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-whatsapp.svg');
  content: var(--tw-content);
}.global-share-panel .weibo, .btn-weibo{
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-weibo.svg');
  content: var(--tw-content);
}.global-share-panel .twitter, .btn-twitter{
  height: 24px;
  width: 24px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-twitter.png');
  content: var(--tw-content);
}.global-share-panel .email, .btn-email{
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-email.svg');
  content: var(--tw-content);
}.global-share-panel .copy, .btn-copy{
  height: 30px;
  width: 30px;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-copy.svg');
  content: var(--tw-content);
}/* section share pannel */.section-share-panel-container{
  margin-right: 24px;
  margin-left: auto;
  width: 60px;
  font-size: 0.75rem;
  line-height: 1rem;
}@media (min-width: 768px){.section-share-panel-container{
    margin-right: 0px;
  }
}.section-share-panel-wrapper{
  position: relative;
}#btn-section-share{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  padding-top: 0px;
  padding-bottom: 0px;
}#btn-section-share::before{
  z-index: 10;
  height: 0.8rem;
  width: 0.8rem;
  --tw-rotate: 0deg;
  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: url('/web_common/images/buttons/btn-share.svg');
  content: var(--tw-content);
}@media (min-width: 768px){#btn-section-share:hover::before{
    --tw-content: url('/web_common/images/buttons/btn-share-hover.svg');
    content: var(--tw-content);
  }
}.section-share-panel-input{
  display: none;
}.section-share-panel{
  display: none;
  width: 1.25rem;
}.section-share-panel-input:checked + .section-share-panel{
  position: absolute;
  right: 0px;
  top: -4px;
  z-index: 11;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
}.section-share-panel-close{
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.section-share-panel-close.left{
  display: none;
}.section-share-panel-close::before{
  height: 1.25rem;
  width: 1.25rem;
  align-self: center;
  --tw-content: url('/web_common/images/buttons/btn-share-close.svg');
  content: var(--tw-content);
}.section-share-panel .facebook, .btn-facebook{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-fb.svg');
  content: var(--tw-content);
}.section-share-panel .whatsapp, .btn-whatsapp{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-whatsapp.svg');
  content: var(--tw-content);
}.section-share-panel .weibo, .btn-weibo{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-weibo.svg');
  content: var(--tw-content);
}.section-share-panel .twitter, .btn-twitter{
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-twitter.png');
  content: var(--tw-content);
}.section-share-panel .email, .btn-email{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-email.svg');
  content: var(--tw-content);
}.section-share-panel .copy, .btn-copy{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-copy.svg');
  content: var(--tw-content);
}/* item share pannel */.item-share-panel-container{
  margin-right: 24px;
  margin-left: auto;
  width: 60px;
  font-size: 15px;
}@media (min-width: 768px){.item-share-panel-container{
    margin-right: 0px;
  }
}.item-share-panel-wrapper{
  position: relative;
}.btn-item-share-wrapper{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}.btn-item-share-wrapper:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.btn-item-share-wrapper:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.btn-item-share-wrapper #btn-item-share{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  padding-top: 0px;
  padding-bottom: 0px;
}.btn-item-share-wrapper #btn-item-share::before{
  z-index: 10;
  height: 0.8rem;
  width: 0.8rem;
  --tw-rotate: 0deg;
  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: url('/web_common/images/buttons/btn-share.svg');
  content: var(--tw-content);
}@media (min-width: 768px){.btn-item-share-wrapper:hover #btn-item-share::before{
    --tw-content: url('/web_common/images/buttons/btn-share-hover.svg');
    content: var(--tw-content);
  }
}.item-share-panel-input{
  display: none;
}.item-share-panel{
  display: none;
  width: 1.25rem;
}.item-share-panel:is(.dark *){
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.item-share-panel-input:checked + .item-share-panel{
  position: absolute;
  right: 0px;
  top: -4px;
  z-index: 11;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
}.item-share-panel-input:checked + .item-share-panel:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}.item-share-panel-close{
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.item-share-panel-close.left{
  display: none;
}.item-share-panel-close::before{
  height: 1.25rem;
  width: 1.25rem;
  align-self: center;
  --tw-content: url('/web_common/images/buttons/btn-share-close.svg');
  content: var(--tw-content);
}.item-share-panel .facebook, .btn-facebook{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-fb.svg');
  content: var(--tw-content);
}.item-share-panel .whatsapp, .btn-whatsapp{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-whatsapp.svg');
  content: var(--tw-content);
}.item-share-panel .weibo, .btn-weibo{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-weibo.svg');
  content: var(--tw-content);
}.item-share-panel .twitter, .btn-twitter{
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-twitter.png');
  content: var(--tw-content);
}.item-share-panel .email, .btn-email{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-email.svg');
  content: var(--tw-content);
}.item-share-panel .copy, .btn-copy{
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  --tw-content: url('/web_common/images/buttons/btn-share-copy.svg');
  content: var(--tw-content);
}.btn-wiki.m{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 0.6;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fbc8d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 200 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9795f0 var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.btn-wiki.\!m{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 0.6;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fbc8d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 200 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9795f0 var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}a.btn-wiki-mini{
  display: inline-flex;
  height: 14px;
  width: 14px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 0.6;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fbc8d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 200 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9795f0 var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.btn-wiki::before, a.btn-wiki-mini::before{
  background-image: url(/web_common/images/buttons/btn-wiki.svg);
  background-size: contain;
  --tw-content: '';
  content: var(--tw-content);
}.btn-wiki.m::before{
  height: 14px;
  width: 14px;
}.btn-wiki.\!m::before{
  height: 14px;
  width: 14px;
}a.btn-wiki-mini::before{
  height: 10px;
  width: 10px;
}.btn-wiki:hover, a.btn-wiki-mini:hover{
		transition: opacity 0.2s ease-in;
	}#right-side-panel .back-to-top{
  display: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 768px){#right-side-panel .back-to-top{
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
}#right-side-panel .back-to-top::after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom-width: 12px;
		border-bottom-style: solid;
		border-bottom-color: rgba(0, 0, 0, 0.4)}@media (min-width: 768px){#right-side-panel .back-to-top::after{
    --tw-content: '';
    content: var(--tw-content);
  }
}#back-to-top-wrapper .back-to-top{
  margin-bottom: 1rem;
  margin-right: 1rem;
  display: flex;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 768px){#back-to-top-wrapper .back-to-top{
    display: none;
  }
}#back-to-top-wrapper .back-to-top::after {
		content: "";
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom-width: 12px;
		border-bottom-style: solid;
		border-bottom-color: rgba(0, 0, 0, 0.4);
	}#back-to-top-wrapper .back-to-top:hover::after{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}#btn-moreinfo{
  display: flex;
  width: 24px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.6;
  padding-top: 20px;
  padding-bottom: 20px;
}@media (min-width: 768px){#btn-moreinfo{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding-top: 0px;
    padding-bottom: 0px;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}#btn-moreinfo::before{
  z-index: 10;
  --tw-rotate: 270deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: 'more';
  content: var(--tw-content);
}@media (min-width: 768px){#btn-moreinfo::before{
    height: 30px;
    width: 30px;
    --tw-rotate: 0deg;
    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: url('/web_common/images/buttons/btn-plus.svg');
    content: var(--tw-content);
  }
}.moreinfo-panel-input{
  display: none;
}.moreinfo-panel{
  display: none;
  width: 3rem;
}.moreinfo-panel.horizontal{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: static;
  z-index: 0;
  width: auto;
  gap: 10px;
  background-color: transparent;
  padding-bottom: 0px;
}.moreinfo-panel.horizontal > div{
  align-self: center;
  margin-top: 0px;
  margin-bottom: 0px;
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.moreinfo-panel.horizontal > div:is(.dark *){
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.moreinfo-panel-input:checked + .moreinfo-panel{
  position: absolute;
  right: 0px;
  bottom: 7px;
  z-index: 11;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
}@media (min-width: 768px){.moreinfo-panel-input:checked + .moreinfo-panel{
    bottom: 52px;
  }
}.moreinfo-panel-close{
  display: flex;
  height: 3rem;
  width: 3rem;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.moreinfo-panel-close::before{
  height: 30px;
  width: 30px;
  align-self: center;
  --tw-content: url('/web_common/images/buttons/btn-share-close.svg');
  content: var(--tw-content);
}.moreinfo-container{
  position: absolute;
  right: 25px;
  top: 0px;
  display: flex;
  height: 48px;
  width: auto;
  justify-content: flex-end;
  border-top-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  padding-left: 15px;
  padding-right: 25px;
}/* badge *//* tag */.tag {
		display: block;
		margin: 20px 0px;
		font-size: 0px;
	}.tag > div {
		display: inline-flex;
		align-items: center;
		color: #333333;
		transition: all 0.3s;
	}/* loading */.skeleton{
  display: none;
}.skeleton.active{
  display: flex;
}.skeleton-image{
  aspect-ratio: 1280/628;
  width: 100%;
}.skeleton-title{
  margin-top: 10px;
}.skeleton-data-container{
  display: none;
}/* LHS RHS Center*/.main-wrapper{
  margin-bottom: 1rem;
  display: block;
}@media (min-width: 1024px){.main-wrapper{
    height: 100%;
    justify-content: center;
  }
}@media (min-width: 1280px){.main-wrapper{
    display: flex;
  }
}.main-container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){.main-container{
    max-width: 768px;
  }
}@media (min-width: 1024px){.main-container{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.main-container{
    max-width: 1280px;
  }
}@media (min-width: 1600px){.main-container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.main-container{
    max-width: 1920px;
  }
}.main-container{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){.main-container{
    max-width: 100%;
  }
}@media (min-width: 1024px){.main-container{
    max-width: 100%;
  }
}@media (min-width: 1280px){.main-container{
    max-width: 100%;
  }
}@media (min-width: 1600px){.main-container{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.main-container{
    max-width: 1920px;
  }
}.main-container{
  flex-shrink: 0;
}.live-bar .main-container {
		height: 32px;
		display: flex;
	}.live-bar .main-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .main-container .liveBarContent{
    display: block;
  }
}.live-bar .main-container .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar .main-container .liveBarMarqueeContent{
    display: none;
  }
}.live-bar .main-container .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar .main-container .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.live-bar .main-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .main-container .liveBarContent{
    display: block;
  }
}.indexes-panel .main-container {
		height: 32px;
		display: flex;
	}.btn-member + .dropdown-content .main-container{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}footer #FooterDisclaimer .main-container > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#FooterAwards .main-container {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}@media only screen and (min-width: 568px) {
		#FooterAwards .main-container {
			display: ruby;
		}
		#FooterAwards .main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .main-container {
			display: ruby;
		}
		#FooterAwards .main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .main-container {
			display: ruby;
		}
		#FooterAwards .main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .main-container {
			display: ruby;
		}
		#FooterAwards .main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .main-container .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){.main-container{
    max-width: 100% !important;
  }
}@media (min-width: 1024px){.live-bar .main-container,
.indexes-panel .main-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .main-container,
.indexes-panel .main-container{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1024px){.live-bar .main-container,
.indexes-panel .main-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .main-container,
.indexes-panel .main-container{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1280px){.main-container{
    margin-left: 0px;
    margin-right: 0px;
  }
}@media (min-width: 1600px){.main-container{
    flex-shrink: 1;
  }
}.LHS{
  position: sticky;
  top: 101px;
  margin-right: min(3vw,30px);
  display: none;
  width: 220px;
  flex-shrink: 0;
  flex-grow: 0;
}.LHS > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.LHS{
  padding-top: 10px;
  padding-bottom: 10px;
}.wallpaper.LHS{
  top: 101px;
}.livebar-sticky .wallpaper.LHS{
  top: calc(32px + 101px);
}@media (min-width: 1024px){.LHS{
    display: block;
  }
}@media (min-width: 1280px){.LHS{
    width: 270px;
  }
}.livebar-sticky .LHS{
  top: calc(101px + 32px);
}.LHS .text-bignumber{
  font-size: 18px;
}.main{
  width: 100%;
}@media (min-width: 1024px){.main{
    width: calc(100% - 310px);
  }
}.RHS{
  position: sticky;
  top: 101px;
  margin-left: min(3vw,30px);
  display: none;
  width: 300px;
  flex-shrink: 0;
  flex-grow: 0;
}.RHS > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}.RHS{
  padding-top: 10px;
  padding-bottom: 10px;
}.wallpaper.RHS{
  top: 101px;
}.livebar-sticky .wallpaper.RHS{
  top: calc(32px + 101px);
}@media (min-width: 1024px){.RHS{
    display: block;
  }
}.livebar-sticky .RHS{
  top: calc(101px + 32px);
}/* clickable layout*/.clickable a{
  position: relative;
  width: 100%;
}.clickable a:after{
  position: absolute;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
		right: 10px;
		content: "";
		transform: rotate(-45deg);
		box-shadow: 1px 1px;
		pointer-events: none;
}/* products */.IQ-login{
  border-radius: 0.5rem;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}/* popup */input.popup-input {
		opacity: 0;
	}.left-label{
  position: relative;
}.left-label::before {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 3px;
		height: 100%;
		display: block;
		content: "";
	}/*  common buttons */.options-button > div{
  margin-top: 0.5rem;
  display: flex;
  border-bottom-width: 2px;
}.options-button > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.options-button > div > div{
  --tw-translate-y: 2px;
  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));
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.options-button div.active{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}.options-button div.active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.btn-search{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.btn-search:is(.dark *){
  --tw-content: url('/web_common/images/buttons/btn-search-white.svg');
  content: var(--tw-content);
}.search-popup-box .btn-search:is(.dark *){
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.btn-refresh{
  cursor: pointer;
  background-image: url('/web_common/images/buttons/btn-refresh.svg');
}.btn-refresh:is(.dark *){
  background-image: url('/web_common/images/buttons/btn-refresh-white.svg');
}.btn-filter {
		content: url("/web_common/images/buttons/btn-filter.svg");
		height: 25px;
		width: 25px;
		cursor: pointer}.btn-filter:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.btn-switch {
		content: url("/web_common/images/buttons/btn-switch.svg");
		height: 25px;
		width: 25px;
		cursor: pointer}.btn-switch:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.btn-share.\!s{
  height: 1rem;
  width: 1rem;
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.btn-share.s{
  height: 1rem;
  width: 1rem;
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.btn-share.\!s::before{
  height: 15px;
  width: 15px;
}.btn-share.s::before{
  height: 15px;
  width: 15px;
}/* auto complate */.autoCompTab{
  margin-top: 0.5rem;
  display: flex;
  border-bottom-width: 4px;
}.autoCompTab:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.autoCompTab div{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.9rem;
}.autoCompTab div.TabActives{
  font-weight: 700;
}.autoCompTab div.TabActives:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.TabActives{
  --tw-translate-y: 4px;
  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));
  cursor: pointer;
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.TabNormals{
  --tw-translate-y: 4px;
  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));
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.ac_list{
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.ac_list > li{
  border-bottom-width: 1px;
  border-style: dotted;
}.ac_list > li:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.ac_list > li:nth-last-child(2),
	.ac_list > li:nth-last-child(1){
  border-bottom-width: 0px;
}.ac_list > li:nth-last-child(1){
  border-style: solid;
}.ac_list li:not(:last-child):hover {
		transition: background-color 0.2s ease-out;
		--tw-bg-opacity: 1;
		background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.ac_list li:not(:last-child):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}/* btn */.btn{
  cursor: pointer;
}/* sticky element */.sticky-element{
  position: sticky;
}.wallpaper.sticky-element{
  top: 101px;
}.livebar-sticky .wallpaper.sticky-element{
  top: calc(32px + 101px);
}@media (min-width: 1024px){.sticky-element.disable-laptop-sticky{
    position: static;
  }
}.sticky-element.disable-laptop-sticky #desktop-menu{
  top: 94px;
}.livebar-sticky .sticky-element.disable-laptop-sticky #desktop-menu{
  top: calc(94px + 32px);
}/* card */.card{
  border-width: 1px;
  padding: 1rem;
}/* overview card*/.overview-card{
  display: flex;
  height: 3rem;
}.overview-card > div.title{
  display: flex;
  flex-grow: 1;
  align-items: center;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding: 0.5rem;
}.overview-card > div.quantity{
  display: flex;
  width: 3rem;
  align-items: center;
  justify-content: space-around;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  font-weight: 800;
}.overview-card > div.quantity span{
  display: flex;
  height: 29px;
  width: 29px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.overview-card.inactive{
		transition:none;
		position: relative;
		cursor: default;
		opacity: 1}.overview-card.inactive:hover{
		transition:none;
		opacity: 1}.overview-card.inactive::after{
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
  opacity: 0.7;
  --tw-content: '';
  content: var(--tw-content);
}@media (min-width: 1280px){.overview-card-header{
    font-size: 17px;
    font-weight: 700;
  }
}.section-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.section-card:is(.dark *){
  background-color: transparent;
}.section-card.highlight-card{
  --tw-bg-opacity: 1;
  background-color: rgb(233 242 242 / var(--tw-bg-opacity, 1));
  padding: 10px;
}.section-card.highlight-card:is(.dark *){
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #333333 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 51 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #484848 var(--tw-gradient-to-position);
}.section-card .card-title{
  padding-bottom: 10px;
}.section-card .card-header{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.1rem;
}.section-card .card-header > div{
  align-self: center;
}.section-card .card-header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/* .section-card .card-items > div {
		@apply py-s border-b border-dotted border-[#CCC];
	} */.section-card .card-items > div{
  padding-top: 10px;
  padding-bottom: 10px;
}.section-card .card-items > div:first-child{
  padding-top: 0px;
}.section-card .card-items > div:last-child{
  border-width: 0px;
  padding-bottom: 0px;
}.section-card table td{
  padding-left: 0px;
  padding-right: 0px;
}.section-card .stocks-name{
  display: flex;
  flex-basis: 100%;
  align-items: center;
  gap: 10px;
}.section-card .mini-chart{
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}@media (min-width: 768px){.section-card .mini-chart{
    display: block;
  }
}a.section-card .stocks-name a::after {
		content: "\3009";
		display: inline-block;
		font-weight: normal;
		padding-left: 0.2em;
		font-size: 0.8em;
	}:is(:is(.etf-research section.etf-research) .card) a.section-card .stocks-name a::after{
  font-size: 15px;
  line-height: 1;
}a.section-card .stocks-name a::after {
		content: "\3009";
		display: inline-block;
		font-weight: normal;
		padding-left: 0.2em;
		font-size: 0.8em;
	}:is(:is(.etf-research section.etf-research) .card) a.section-card .stocks-name a::after{
  font-size: 15px;
  line-height: 1;
}a.section-card .stocks-name a::after {
		content: "\3009";
		display: inline-block;
		font-weight: normal;
		padding-left: 0.2em;
		font-size: 0.8em;
	}:is(:is(.etf-research section.etf-research) .card) a.section-card .stocks-name a::after{
  font-size: 15px;
  line-height: 1;
}.section-card .data-group-6{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.section-card .data-group-6{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1024px){.section-card .data-group-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}.section-card .data-group-6 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-6 > div{
    display: block;
  }
}.section-card .data-group-3{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.section-card .data-group-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1024px){.section-card .data-group-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.section-card .data-group-3 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-3 > div{
    display: block;
  }
}.section-card .data-group-9{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.section-card .data-group-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}.section-card .data-group-9 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-9 > div{
    display: block;
  }
}.section-card .data-group-4{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.section-card .data-group-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1024px){.section-card .data-group-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.section-card .data-group-4 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-4 > div{
    display: block;
  }
}.section-card .data-group-2{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.section-card .data-group-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1024px){.section-card .data-group-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.section-card .data-group-2 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-2 > div{
    display: block;
  }
}.section-card .data-group-1{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}.section-card .data-group-1 > div{
  display: flex;
}@media (min-width: 768px){.section-card .data-group-1 > div{
    display: block;
  }
}.section-card .quote-data{
  display: flex;
  width: 100%;
}.section-card .quote-data > div{
  margin-right: 10px;
}.section-card .quote-data div:last-child{
  margin-left: auto;
  margin-right: 0px;
  text-align: right;
}.section-card .quote-data div:last-child span.sortable,.section-card .quote-data div:last-child a.sortable{
  justify-content: flex-end;
}.et-table table td.section-card .quote-data div:last-child > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}.section-card .et-table table tr.header td{
  border-bottom-width: 1px;
}.section-card .et-table table tr.header td:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.lhs-card-title{
  margin: 0px;
}/* full */.grid-container-1{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}.grid-container-1.dense{
  gap: 26px;
}.grid-container-1 >div{
  position: relative;
}.grid-container-1 > div::after{
  position: absolute;
  display: block;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-content: '';
  content: var(--tw-content);
}.grid-container-1 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.grid-container-1.solid > div::after{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}.grid-container-1 > div:last-of-type::after{
  display: none;
}.grid-container-1 > div::after{
  left: 0px;
  bottom: -20px;
  height: 1px;
  width: 100%;
}.grid-container-1.dense > div::after{
  bottom: -13px;
}/* 2 cols */.grid-container-2{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}@media (min-width: 1280px){.grid-container-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.grid-container-2 > div{
  position: relative;
}.grid-container-2 > div::before, .grid-container-2 > div::after{
  position: absolute;
  display: block;
  border-right-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-content: '';
  content: var(--tw-content);
}.grid-container-2 > div:is(.dark *)::before, .grid-container-2 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.grid-container-2.solid > div::before, .grid-container-2.solid > div::after{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}@media (min-width: 1280px){.grid-container-2 > div:nth-child(2n+2)::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }.grid-container-2 > div:nth-child(2n+2)::after{
    left: -20px;
    width: calc(100% + 20px);
  }.grid-container-2 > div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-2 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: none;
  }
}.grid-container-2 > div::after{
  left: 0px;
  bottom: -20px;
  height: 1px;
  width: 100%;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.grid-container-2 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}@media (min-width: 1280px){.grid-container-2 > div::after{
    width: calc(100% + 20px);
  }
}.grid-container-2 > div:last-of-type::after{
  display: none;
}/* 3 cols */.grid-container-3{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}@media (min-width: 768px){.grid-container-3{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.grid-container-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.grid-container-3 > div{
  position: relative;
}.grid-container-3 > div::before, .grid-container-3 > div::after{
  position: absolute;
  display: block;
  border-right-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-content: '';
  content: var(--tw-content);
}.grid-container-3 > div:is(.dark *)::before, .grid-container-3 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.grid-container-3.solid > div::before, .grid-container-3.solid > div::after{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.grid-container-3 > div:nth-child(2n+2)::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }.grid-container-3 > div:nth-child(2n+2)::after{
    left: -20px;
    width: calc(100% + 20px);
  }.grid-container-3 > div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-3 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: none;
  }
}@media (min-width: 1280px){.grid-container-3 > div:nth-child(3n+1)::before{
    display: none;
  }.grid-container-3 > div:nth-child(3n+1)::after{
    left: 0px;
  }
}.grid-container-3 > div::after{
  left: 0px;
  bottom: -20px;
  height: 1px;
  width: 100%;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.grid-container-3 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.grid-container-3 > div::after{
    width: calc(100% + 20px);
  }
}@media (min-width: 1280px){.grid-container-3 > div:nth-child(3n+2)::after{
    left: -20px;
    width: calc(100% + 40px);
  }.grid-container-3 > div:nth-child(3n+3)::after{
    left: -20px;
  }.grid-container-3 > div:nth-child(3n+1):nth-last-child(-n+3)::after, .grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3) ~ div::after{
    display: none;
  }.grid-container-3 > div::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }
}.grid-container-3 > div:last-of-type::after{
  display: none;
}@media (min-width: 1280px){.grid-container-3 >div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-3 >div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: block;
  }.grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3)::after, .grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3) ~ div::after{
    display: none !important;
  }
}/* 4 cols */.grid-container-4{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}@media (min-width: 768px){.grid-container-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.grid-container-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.grid-container-min-2.grid-container-4{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}@media (min-width: 1280px){.grid-container-min-2.grid-container-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.grid-container-4 > div{
  position: relative;
}.grid-container-4 > div::before, .grid-container-4 > div::after{
  position: absolute;
  display: block;
  border-right-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-content: '';
  content: var(--tw-content);
}.grid-container-4 > div:is(.dark *)::before, .grid-container-4 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.grid-container-4.solid > div::before, .grid-container-4.solid > div::after{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.grid-container-4 > div:nth-child(2n+2)::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }
}.grid-container-min-2.grid-container-4 > div:nth-child(2n+2)::before{
  left: -20px;
  top: 0px;
  height: 100%;
  width: 1px;
}@media (min-width: 768px){.grid-container-4 > div:nth-child(2n+2)::after{
    left: -20px;
    width: calc(100% + 20px);
  }.grid-container-4 > div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-4 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: none;
  }
}.grid-container-min-2.grid-container-4 > div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-4 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
  display: none;
}@media (min-width: 1280px){.grid-container-4 > div:nth-child(4n+1)::before{
    display: none;
  }.grid-container-4 > div:nth-child(4n+1)::after{
    left: 0px;
  }
}.grid-container-4 > div::after{
  left: 0px;
  bottom: -20px;
  height: 1px;
  width: 100%;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.grid-container-4 > div:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.grid-container-4 > div::after{
    width: calc(100% + 20px);
  }
}@media (min-width: 1280px){.grid-container-4 > div:nth-child(4n+2)::after{
    left: -20px;
    width: calc(100% + 40px);
  }.grid-container-4 > div:nth-child(4n+3)::after{
    width: calc(100% + 40px);
    left: -20px;
  }.grid-container-4 > div:nth-child(4n+1):nth-last-child(-n+4)::after, .grid-container-4 >div:nth-child(4n+1):nth-last-child(-n+4) ~ div::after{
    display: none;
  }.grid-container-4 > div::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }
}.grid-container-4 > div:last-of-type::after{
  display: none;
}@media (min-width: 1280px){.grid-container-4 >div:nth-child(2n+1):nth-last-child(-n+2)::after, .grid-container-4 >div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: block;
  }.grid-container-4 >div:nth-child(4n+1):nth-last-child(-n+4)::after, .grid-container-4 >div:nth-child(4n+1):nth-last-child(-n+4) ~ div::after{
    display: none !important;
  }
}/* 5 col */.grid-container-min-2.grid-container-5{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
}@media (min-width: 1280px){.grid-container-min-2.grid-container-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}.grid-container-5.solid > div::before,
.grid-container-5.solid > div::after{
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}.grid-container-min-2.grid-container-5 > div:nth-child(2n+2)::before{
  left: -20px;
  top: 0px;
  height: 100%;
  width: 1px;
}.grid-container-min-2.grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,
.grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
  display: none;
}/* special handle*/.section-container .section-span-1:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 1280px){.section-container .section-span-1{
    margin-top: min(3vw,30px);
    margin-bottom: min(3vw,30px);
    flex-basis: 33.333333%;
    border-top-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}.section-container .section-span-2{
  border-top-width: 1px;
}@media (min-width: 1280px){.section-container .section-span-2{
    margin-top: min(3vw,30px);
    margin-bottom: min(3vw,30px);
    flex-basis: 66.666667%;
    border-top-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}.section-container > section{
  flex-basis: 100%;
  border-top-width: 1px;
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}.section-container > section:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.section-container > section:first-of-type{
  border-top-width: 0px;
}.section-container > section:first-of-type:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}/* calendar */.calendar{
  width: 100%;
}@media (min-width: 1280px){.calendar{
    position: sticky;
    top: 101px;
    width: 320px;
    flex-shrink: 0;
    padding-top: 10px;
  }
	.calendar.wallpaper{
    top: 101px;
  }

	.livebar-sticky .calendar.wallpaper{
    top: calc(32px + 101px);
  }

	.livebar-sticky .calendar{
    top: calc(101px + 32px);
  }
}.calendar a.prev{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  --tw-content: url(/web_common/images/buttons/btn-prev.svg);
  content: var(--tw-content);
}.calendar a.prev:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.calendar a.prev:focus{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.calendar a.prev:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.calendar a.next{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  --tw-content: url(/web_common/images/buttons/btn-next.svg);
  content: var(--tw-content);
}.calendar a.next:hover{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.calendar a.next:focus{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}.calendar a.next:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.calendar-month-btn{
		transition: opacity 0.2s ease-in}.et-table table td .calendar-month-btn{
  overflow-wrap: normal;
  word-break: normal;
}.calendar-month-btn{
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}.calendar-month-btn:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.calendar-month-btn.s{
  font-size: 11px;
  font-weight: 400;
}.calendar-month-btn.m{
  font-size: 13px;
  font-weight: 400;
}.calendar-month-btn.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .calendar-month-btn.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .calendar-month-btn.l{
    font-size: 18px;
  }
}.et-list.small li .calendar-month-btn.l{
  font-size: 15px;
}.et-grid .calendar-month-btn.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .calendar-month-btn.l{
    font-size: 19px;
  }
}.calendar-month-btn.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.calendar-month-btn.s{
  font-size: 11px;
  font-weight: 400;
}.calendar-month-btn.m{
  font-size: 13px;
  font-weight: 400;
}.calendar-month-btn.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li .calendar-month-btn.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .calendar-month-btn.l{
    font-size: 18px;
  }
}.et-list.small li .calendar-month-btn.l{
  font-size: 15px;
}.et-grid .calendar-month-btn.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .calendar-month-btn.l{
    font-size: 19px;
  }
}.calendar-month-btn.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .calendar-month-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.calendar-month-btn.disable{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}.calendar-month-btn.disable:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}.calendar-month-btn.voting{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.calendar-month-btn.voting::before{
  margin-right: 0.25rem;
  display: inline-block;
  height: 10px;
  width: 46px;
  background-image: url(/web_common/images/icons/voting_icon_white.svg);
  --tw-content: "";
  content: var(--tw-content);
}body .calendar-month-btn.voting:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body .calendar-month-btn.default:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.calendar-month-btn:not(.disable):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .calendar-month-btn:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.calendar-month-btn::after{
  right: -0.1rem;
  top: -0.1rem;
}.default-popup-panel .contentWrapper.voting .calendar-month-btn, .default-popup-panel .contentWrapper.cross-promo .calendar-month-btn, .default-popup-panel .contentWrapper.attraction .calendar-month-btn{
		background-color: #cc0e00;
		color: white;
		margin-top: 0px !important;
	}article a.calendar-month-btn, article a.calendar-month-btn:hover{
		text-decoration:none;
	}article a.calendar-month-btn:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.calendar-month-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a.calendar-month-btn.hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.calendar-month-btn.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a.calendar-month-btn.hover:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.calendar-month-btn.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.calendar-month-btn.reply:hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.calendar-month-btn.reply:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content .voting-items .calendar-month-btn {
		font-size: 15px;
		margin-top: 0px;
		width: -moz-min-content;
		width: min-content;
		--tw-bg-opacity: 1;
		background-color: rgb(46 190 192 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.ads-hs-banners .ads-hs-banners-buy-btn .calendar-month-btn.active{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(1 168 158 / var(--tw-bg-opacity, 1));
}.compare-panel .calendar-month-btn.disabled,.compare-panel .calendar-month-btn.disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) .calendar-month-btn:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) .calendar-month-btn):hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.calendar-month-btn:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}.calendar-month-btn:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}.calendar-month-btn:hover{
		opacity: 0.75; transition: opacity 0.2s ease-out; background-color: transparent !important; --tw-text-opacity: 1 !important; color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important}.calendar-month-btn:hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.calendar a.prev.disabled, .calendar a.next.disabled{
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.calendar a.prev.disabled:hover, .calendar a.next.disabled:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}.calendar a.prev.disabled, .calendar a.next.disabled {
		filter: invert(80%);
	}.calendar .weekday, .calendar .days{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  justify-content: center;
}.calendar .weekday >  div, .calendar .days > div{
  display: flex;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
}.calendar .weekday >  div{
  height: 2rem;
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.calendar .weekday >  div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.calendar .days{
  border-collapse: collapse;
}.calendar .days div{
  margin-right: -1px;
  margin-bottom: -1px;
  border-width: 1px;
  font-weight: 700;
}.calendar .days div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.calendar .days > div span{
  display: flex;
  height: 25px;
  width: 25px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-weight: 700;
}.calendar .days > div.active span{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(53 53 53 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}.calendar .days > div.active span:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-color: #484848;
}.calendar .days > div.today span{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.calendar .days > div.today span:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}.calendar .days div:nth-child(1){
  border-top-left-radius: 0.5rem;
}.calendar .days div:nth-child(7){
  border-top-right-radius: 0.5rem;
}.calendar .days div:last-child{
  border-bottom-right-radius: 0.5rem;
}.calendar .days div:nth-last-child(7){
  border-bottom-left-radius: 0.5rem;
}.calendar .days div.disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}.calendar .days div.disabled:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker{
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}.calendar .calendar-picker:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.calendar .calendar-picker .months{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}.calendar .calendar-picker .months div{
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker .months div:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(84 84 84 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker .months div a{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker .months div a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker .months div.active{
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.calendar .calendar-picker-input{
  display: none;
}.calendar .calendar-picker-input:checked + .dropdown-content{
  display: block;
}/* border *//* tab */.underline-tab > div > div.active{
  cursor: default;
  font-weight: 700;
}.underline-tab div.active{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}.default-tab-group{
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}.default-tab-group label{
  border-bottom-width: 2px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.default-tab-group label:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.default-tab-group .default-tab-content{
  display: none;
}.default-tab-group input:checked + label{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}.stocks .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.news .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.futures .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.warrants .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.etf .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.ashares .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.forex .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.funds .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(218 180 1 / var(--tw-border-opacity, 1));
}.mpf .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(86 153 0 / var(--tw-border-opacity, 1));
}.property .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(26 90 144 / var(--tw-border-opacity, 1));
}.lifestyle .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(34 189 189 / var(--tw-border-opacity, 1));
}.wiki .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(151 149 240 / var(--tw-border-opacity, 1));
}.attraction .default-tab-group input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
}.default-tab-group input:checked + label + .default-tab-content{
  order: 9999;
  margin-top: 10px;
  display: block;
  flex-basis: 100%;
}.default-tab-group .grow-label{
  flex-grow: 1;
  cursor: default;
}@media (min-width: 1280px){.default-tab-group .grow-label.grow-label-desktop-hidden{
    display: none;
  }
}/* full chart*/.fullchart_wrapper{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){.fullchart_wrapper{
    max-width: 768px;
  }
}@media (min-width: 1024px){.fullchart_wrapper{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.fullchart_wrapper{
    max-width: 1280px;
  }
}@media (min-width: 1600px){.fullchart_wrapper{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.fullchart_wrapper{
    max-width: 1920px;
  }
}.fullchart_wrapper{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){.fullchart_wrapper{
    max-width: 100%;
  }
}@media (min-width: 1024px){.fullchart_wrapper{
    max-width: 100%;
  }
}@media (min-width: 1280px){.fullchart_wrapper{
    max-width: 100%;
  }
}@media (min-width: 1600px){.fullchart_wrapper{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.fullchart_wrapper{
    max-width: 1920px;
  }
}.fullchart_wrapper{
  min-height: 400px;
  width: 100%;
}.live-bar .fullchart_wrapper {
		height: 32px;
		display: flex;
	}.live-bar .fullchart_wrapper .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .fullchart_wrapper .liveBarContent{
    display: block;
  }
}.live-bar .fullchart_wrapper .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar .fullchart_wrapper .liveBarMarqueeContent{
    display: none;
  }
}.live-bar .fullchart_wrapper .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar .fullchart_wrapper .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.live-bar .fullchart_wrapper .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .fullchart_wrapper .liveBarContent{
    display: block;
  }
}.indexes-panel .fullchart_wrapper {
		height: 32px;
		display: flex;
	}.btn-member + .dropdown-content .fullchart_wrapper{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}footer #FooterDisclaimer .fullchart_wrapper > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#FooterAwards .fullchart_wrapper {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}@media only screen and (min-width: 568px) {
		#FooterAwards .fullchart_wrapper {
			display: ruby;
		}
		#FooterAwards .fullchart_wrapper .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .fullchart_wrapper .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .fullchart_wrapper .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .fullchart_wrapper {
			display: ruby;
		}
		#FooterAwards .fullchart_wrapper .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .fullchart_wrapper .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .fullchart_wrapper .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .fullchart_wrapper {
			display: ruby;
		}
		#FooterAwards .fullchart_wrapper .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .fullchart_wrapper .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .fullchart_wrapper .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .fullchart_wrapper {
			display: ruby;
		}
		#FooterAwards .fullchart_wrapper .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .fullchart_wrapper .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .fullchart_wrapper .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){.fullchart_wrapper{
    max-width: 100% !important;
  }
}@media (min-width: 1024px){.live-bar .fullchart_wrapper,
.indexes-panel .fullchart_wrapper{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .fullchart_wrapper,
.indexes-panel .fullchart_wrapper{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1024px){.live-bar .fullchart_wrapper,
.indexes-panel .fullchart_wrapper{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .fullchart_wrapper,
.indexes-panel .fullchart_wrapper{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}.fullchart_wrapper#industryperformance_chart{
  max-width: 768px;
}/* page crosssell */.page-crosssell-container{
  margin-top: min(6vw,60px);
  border-top-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(84 84 84 / var(--tw-border-opacity, 1));
  padding-top: min(6vw,60px);
}.page-crosssell-container:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}@media (min-width: 1024px){.page-crosssell-container{
    margin-top: min(3vw,30px);
    padding-top: min(3vw,30px);
  }
}.page-crosssell-container > .h2{
		font-size:22px; font-weight:500; line-height:1; margin-bottom: 20px}.page-crosssell-container > section{
  margin-bottom: min(3vw,30px);
}.page-crosssell-container > section:last-child{
  margin-bottom: 0px;
}/* switch label*/.switch-label-group{
  display: grid;
}.switch-label-group input[type=radio]{
  display: none;
  opacity: 0;
}.switch-label-group input[type=radio]:checked + label{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .switch-label-group input[type=radio]:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.switch-label-group label{
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  text-align: center;
  font-size: 13px;
}.switch-label-group label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.switch-label{
  order: 1;
}.switch-label-content{
  order: 2;
  grid-column: 1 / -1;
  margin-top: 10px;
  display: none;
}.switch-label-group input[type=radio]:checked + label + .switch-label-content{
  display: grid;
}.filter-gp .switch-label-group{
  height: 30px;
  align-items: center;
}.filter-gp .switch-label-group label{
  height: 100%;
  border-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}.filter-gp .switch-label-group label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.filter-gp .switch-label-group label:first-of-type{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-left-width: 1px;
}.filter-gp .switch-label-group label:first-of-type:is(.dark *){
  border-width: 0px;
}.filter-gp .switch-label-group label:last-of-type{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}.filter-gp .switch-label-group label:last-of-type:is(.dark *){
  border-width: 0px;
}/* no data */.no-data{
  --tw-bg-opacity: 1;
  background-color: rgb(226 227 228 / var(--tw-bg-opacity, 1));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}.no-data:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}div.no-data{
  grid-column: 1 / -1;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: min(3vw,30px);
}.et-table tr.no-data{
  margin: 0px;
}.et-table tr.no-data td{
  grid-column: 1 / -1;
}/* Profile  **********************************************************************************************************************************************************************************************/.profile-wrapper{width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;
	}.profile-container{flex:0 1 250px; display:flex; flex-wrap:nowrap; align-items:center; padding-bottom: 10px;
	}.profile-container > div.profile-img{ width: 56px; margin-right:10px;}.profile-container .profile-img{font-size:0px; margin:0px; line-height:0px; overflow:hidden; position:relative;}.profile-container .profile-img img{-o-object-fit:cover;object-fit:cover; width:56px; height:56px;}.profile-container .profile-img{border-radius:50%; border:1px solid #E2E3E4; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); transition:all 0.2s;}.profile-container .profile-img:hover{ box-shadow: 0px 12px 10px -4px rgba(0,0,0,0.15); transition:all 0.3s;}.profile-container > div.profile-info{display: flex; flex-wrap:wrap;}.profile-container > div.profile-info a{display:flex; width:100%;}.profile-container > div.profile-info a.profile-name{font-size:17px; font-weight:700; color:#333333}.profile-container > div.profile-info a.profile-name:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.profile-container > div.profile-info span.profile-title{font-size:13px; font-weight:normal; color:#666666; flex-basis: 100%;
	}.profile-container > div.profile-info span.profile-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}.profile-container > div.profile-info label.profile-more{width:20px; height:20px; display:inline-block; vertical-align:top; margin:3px 0px 0px 5px; background-color:#FFFFFF;border:1px solid #CCCCCC; cursor:pointer; overflow:hidden; border-radius:50%; position:relative; transition:background-color ease-in 0.2s, border-color ease-in 0.2s;
	}.profile-container > div.profile-info label.profile-more:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.profile-container > div.profile-info label.profile-more::before{content:"…"; font-size:14px; font-weight:normal; position:absolute; color:#666666; display:block; width:15px; line-height:10px; left:4px;
	}.profile-container > div.profile-info label.profile-more:is(.dark *)::before{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.profile-container > div.profile-info label.profile-more:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.profile-container > div.profile-info label.profile-more:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.profile-container > div.profile-info label.profile-more:hover{
		transition:all ease-out 0.3s; transition:color ease-in 0.2s;
	}.profile-container > div.profile-info label.profile-more:hover::before{
		color:#FFFFFF; transition:all ease-out 0.3s;
	}.profile-container > div.profile-info label.profile-more:hover:is(.dark *)::before{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.profile-container .pop-info-box{width:300px; padding:10px 20px; background-color:#FFFFFF; border-radius:10px; position:absolute; right:0px; border:3px solid #EFEFEF; box-shadow:0px 0px 8px 3px rgba(0,0,0,0.2); z-index:10000;}.profile-container .pop-info-box p{color:#000000; font-size:13px; font-weight:normal; letter-spacing:1px; text-align:start; margin:10px 0px; word-break:normal;}.profile-container .pop-info-box p:first-of-type{font-weight:500; font-size:15px;}.profile-container .pop-info-box:after, .profile-container .pop-info-box:before{content:""; display:block; position:absolute; width:0%; height:0%; border-style:solid;}.profile-container .pop-info-box:after{top:calc(50% - 15px); left:-30px; border-color:transparent #FFFFFF transparent transparent; border-width:15px;}.profile-container .pop-info-box:before{top:calc(50% - 17px); left:-34px; border-color:transparent #FFFFFF transparent transparent; border-width:17px;}.profile-container .contentItems{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
  font-size: 18px;
}.profile-container .contentItems:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}/*
	.profile-container .dropdown-content {
		@apply laptop:-translate-y-[100%]
	}

	.profile-container .dropdown-title {
		@apply w-auto
	}

	.profile-container .triangle {
		@apply absolute w-[12px] h-[12px] bg-white z-40 bg-transparent hidden right-0 -translate-y-[calc(100%+2px)] top-0 ml-auto -translate-x-[4px];
		overflow: hidden;
	}
	.profile-container .triangle:after {
		@apply bg-white dark:bg-black;
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		transform: rotate(135deg);
		top: -6px;
		left: 0px;
	}

	.profile-container input:checked + .dropdown-title .profile-more {
		-webkit-user-select:none; user-select:none; -webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
		background-color:rgba(0,0,0,0.85);color:#333333; transition:color ease-in 0.1s;
	}

	.profile-container input:checked + .dropdown-title .profile-more::before {
		content:"\00d7";
		color: white;
		@apply top-[4px] left-[4px];
	}
	*//* end common ************************************************************************************************************************************************************//* header */.tab-conent-group .active.tab-content {
		display: block;
	}.desktop-header{
  z-index: 10001;
  display: none;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.desktop-header:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.desktop-header{
    display: block;
  }
}.live-bar {
		font-size: 0.85rem;
		position: sticky;
		top: 0px;
		z-index: 100;
		width: 100%;
		--tw-bg-opacity: 1;
		background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}.wallpaper.live-bar{
  top: 101px;
}.livebar-sticky .wallpaper.live-bar{
  top: calc(32px + 101px);
}@media (min-width: 1024px){.live-bar{
    z-index: 90000;
  }
}.live-bar .container {
		height: 32px;
		display: flex;
	}.live-bar .container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .container .liveBarContent{
    display: block;
  }
}.live-bar .container .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar .container .liveBarMarqueeContent{
    display: none;
  }
}.live-bar .container .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar .container .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.indexes-panel {
		font-size: 0.85rem;
		position: sticky;
		top: 0px;
		z-index: 100;
		width: 100%;
		--tw-bg-opacity: 1;
		background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}.wallpaper.indexes-panel{
  top: 101px;
}.livebar-sticky .wallpaper.indexes-panel{
  top: calc(32px + 101px);
}@media (min-width: 1024px){.indexes-panel{
    z-index: 90000;
  }
}.livebar-sticky .indexes-panel{
  top: 32px;
}.live-bar .container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .container .liveBarContent{
    display: block;
  }
}.noticebarFull{
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: min(3vw,30px);
}.noticebarFull .noticebarItem, .noticebarSwiper .noticebarItem{
  white-space: nowrap;
}body.color-palette-a .indexes-panel .down{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-b .indexes-panel .up{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-a .indexes-panel .bg-change.down{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-b .indexes-panel .bg-change.up{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.indexes-panel .container {
		height: 32px;
		display: flex;
	}.indexes-panel .swiper-slide{
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}.indexes-panel .swiper-slide > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}@media (min-width: 768px){.indexes-panel .swiper-slide{
    width: 50%;
  }
}@media (min-width: 1024px){.indexes-panel .swiper-slide{
    width: 33.333333%;
  }
}@media (min-width: 1280px){.indexes-panel .swiper-slide{
    width: 25%;
  }
}@media (min-width: 1600px){.indexes-panel .swiper-slide{
    width: 20%;
  }
}.indexes-panel .swiper-slide.full{
  width: 100%;
  line-height: 1;
}.indexes .name{
  white-space: nowrap;
}.indexes .name a::before {
		content: attr(title);
	}.btn-dropdown {
		content: url(/web_common/images/buttons/btn-dropdown.svg);
		height: 25px;
		width: 25px;
		cursor: pointer;
	}.btn-dropdown:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.btn-close {
		content: url(/web_common/images/buttons/btn-popup-close.svg);
		height: 25px;
		width: 25px;
		cursor: pointer;
	}.btn-close:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.menu-panel-wrapper{
  position: sticky;
  top: 32px;
  z-index: 100;
  margin-bottom: min(3vw,30px);
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity, 1));
  --tw-shadow: -1px 10px 10px -10px rgb(0 0 0 /20%);
  --tw-shadow-colored: -1px 10px 10px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.wallpaper.menu-panel-wrapper{
  top: 101px;
}.livebar-sticky .wallpaper.menu-panel-wrapper{
  top: calc(32px + 101px);
}.menu-panel-wrapper:is(.dark *){
  order: #999;
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
  --tw-shadow: -1px 10px 10px -10px rgb(255 255 255 /30%);
  --tw-shadow-colored: -1px 10px 10px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 768px){.menu-panel-wrapper{
    z-index: 10002;
  }
}.livebar-sticky .menu-panel-wrapper{
  top: calc(32px + 32px);
}.menu-panel-wrapper .btn-group{
  display: none;
}@media (min-width: 1024px){.menu-panel-wrapper .btn-group{
    display: flex;
  }
}.menu-panel-wrapper.sticky-menu{
  --tw-shadow: -1px 10px 10px -10px rgb(0 0 0 /20%);
  --tw-shadow-colored: -1px 10px 10px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.menu-panel-wrapper.sticky-menu:is(.dark *){
  --tw-shadow: -1px 10px 10px -10px rgb(255 255 255 /30%);
  --tw-shadow-colored: -1px 10px 10px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu .btn-group,
	.menu-panel-wrapper.sticky-menu #supplement-panel,
	.menu-panel-wrapper.sticky-menu .search-panel .desktop{
    display: none;
  }.menu-panel-wrapper.sticky-menu .menu-panel{
    padding-bottom: 12px;
  }.menu-panel-wrapper.sticky-menu .section-menu{
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}.menu-panel-wrapper.sticky-menu .section-menu > a, .menu-panel-wrapper.sticky-menu .section-menu > div{
  display: none;
}.menu-panel-wrapper.sticky-menu .section-menu > a.active, .menu-panel-wrapper.sticky-menu .section-menu > div.active{
  margin-top: 0px;
  display: block;
  padding: 0px;
}.menu-panel-wrapper.sticky-menu .section-menu > a.active,  .menu-panel-wrapper.sticky-menu .section-menu > div.active > a{
  font-size: 1.2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.menu-panel-wrapper.sticky-menu .section-menu > a.active:is(.dark *),  .menu-panel-wrapper.sticky-menu .section-menu > div.active > a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 1280px){.menu-panel-wrapper.sticky-menu .section-menu > a.active,  .menu-panel-wrapper.sticky-menu .section-menu > div.active > a{
    font-size: 1.4rem;
  }
}.menu-panel-wrapper.sticky-menu .section-menu > a.active::before,  .menu-panel-wrapper.sticky-menu .section-menu > div.active > a::before{
  display: inline-block;
  height: 29px;
  width: 24px;
  vertical-align: middle;
  --tw-content: url(/web_common/images/icons/arrow_right_light.svg);
  content: var(--tw-content);
}.menu-panel-wrapper.sticky-menu .section-menu > a.active:is(.dark *)::before,  .menu-panel-wrapper.sticky-menu .section-menu > div.active > a:is(.dark *)::before{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.menu-panel-wrapper.sticky-menu .section-menu > div.active a span::after{
  display: none;
}.menu-panel-wrapper.sticky-menu .section-menu > div.active > a.new::after{
  display: none;
}.menu-panel-wrapper.sticky-menu .desktop-header{
  width: auto;
}.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active .category-menu{
  position: static;
  margin: 0px;
  display: inline-block;
  width: auto;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active .category-menu:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active .category-menu div{
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active .category-menu div{
    margin-top: 10px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 10px;
  }
}@media (min-width: 1280px){.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active .category-menu div{
    margin-top: 0px;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}.menu-panel-wrapper.sticky-menu #desktop-section-menu.section-menu > div.active div.dropdown > a span::after{
  display: none;
}#desktop-section-menu.section-menu a.new::after{
  right: -0.25rem;
}#desktop-section-menu.section-menu a.new{
  margin-left: 1rem;
  margin-right: 1rem;
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu .search-panel .laptop{
    display: block;
  }
}.menu-panel-wrapper.sticky-menu .search-panel .search-popup-box.laptop:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu .search-panel .search-popup-box.laptop{
    display: flex;
  }
}.menu-panel-wrapper.sticky-menu .search-panel .search-popup-box.laptop .btn-search:is(.dark *){
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu .search-panel{
    order: 1;
    margin-left: auto;
  }.menu-panel-wrapper.sticky-menu .search-panel .search-popup{
    right: 0px;
    left: auto;
  }.menu-panel-wrapper .icon-group{
    margin-right: 1rem;
  }.menu-panel-wrapper.sticky-menu .icon-group{
    margin-right: 0px;
    flex-grow: 0;
  }
}.menu-panel-wrapper.sticky-menu .search-panel .mobile{
  background-repeat: no-repeat;
}@media (min-width: 1024px){.menu-panel-wrapper.sticky-menu .search-panel .mobile{
    display: block;
  }
}.menu-panel{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){.menu-panel{
    max-width: 768px;
  }
}@media (min-width: 1024px){.menu-panel{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.menu-panel{
    max-width: 1280px;
  }
}@media (min-width: 1600px){.menu-panel{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.menu-panel{
    max-width: 1920px;
  }
}.menu-panel{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){.menu-panel{
    max-width: 100%;
  }
}@media (min-width: 1024px){.menu-panel{
    max-width: 100%;
  }
}@media (min-width: 1280px){.menu-panel{
    max-width: 100%;
  }
}@media (min-width: 1600px){.menu-panel{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.menu-panel{
    max-width: 1920px;
  }
}.menu-panel{
  display: flex;
  flex-direction: row;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 5px;
  padding-bottom: 5px;
}.live-bar .menu-panel {
		height: 32px;
		display: flex;
	}.live-bar .menu-panel .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .menu-panel .liveBarContent{
    display: block;
  }
}.live-bar .menu-panel .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar .menu-panel .liveBarMarqueeContent{
    display: none;
  }
}.live-bar .menu-panel .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar .menu-panel .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.live-bar .menu-panel .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .menu-panel .liveBarContent{
    display: block;
  }
}.indexes-panel .menu-panel {
		height: 32px;
		display: flex;
	}.btn-member + .dropdown-content .menu-panel{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}footer #FooterDisclaimer .menu-panel > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#FooterAwards .menu-panel {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}@media only screen and (min-width: 568px) {
		#FooterAwards .menu-panel {
			display: ruby;
		}
		#FooterAwards .menu-panel .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .menu-panel .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .menu-panel .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .menu-panel {
			display: ruby;
		}
		#FooterAwards .menu-panel .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .menu-panel .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .menu-panel .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .menu-panel {
			display: ruby;
		}
		#FooterAwards .menu-panel .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .menu-panel .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .menu-panel .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .menu-panel {
			display: ruby;
		}
		#FooterAwards .menu-panel .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .menu-panel .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .menu-panel .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){.menu-panel{
    max-width: 100% !important;
  }
}@media (min-width: 1024px){.live-bar .menu-panel,
.indexes-panel .menu-panel{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .menu-panel,
.indexes-panel .menu-panel{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1024px){.live-bar .menu-panel,
.indexes-panel .menu-panel{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .menu-panel,
.indexes-panel .menu-panel{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}.menu-panel:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.menu-panel{
    padding-bottom: 0px;
    padding-top: 25px;
  }
}.menu-panel .btn-menu {
		cursor: pointer;
		width: 32px;
		height: 32px;
		position: relative;
	}.etnet-logo{
  height: 16px;
  width: 50px;
  background-image: url('/web_common/images/etnettoplogo.svg');
  background-repeat: no-repeat;
}.etnet-logo:is(.dark *){
  background-image: url('/web_common/images/etnettoplogo_white.svg');
}@media (min-width: 1280px){.etnet-logo{
    height: 21px;
    width: 67px;
  }
}/* 30th logo - start *//* .etnet-logo{background-image:url(/web_common/images/30logo.png);background-repeat:no-repeat;height:44px;width:125px;background-size:cover;}
	.etnet-logo {
		@apply w-[125px] h-[44px] bg-[url('/web_common/images/30logo.png')] bg-no-repeat bg-cover
		dark:filter dark:brightness-0 dark:invert
	} *//* Keep to use Normal ETNet logo */body.health .etnet-logo, .etnet-logo.normal{
  height: 21px;
  width: 50px;
  background-image: url('/web_common/images/etnettoplogo.svg');
  background-size: auto;
}body.health .etnet-logo:is(.dark *), .etnet-logo.normal:is(.dark *){
  background-image: url('/web_common/images/etnettoplogo_white.svg');
  filter: none;
}@media (min-width: 1280px){body.health .etnet-logo, .etnet-logo.normal{
    width: 67px;
  }
}body.health .etnet-logo{
  height: 16px;
}@media (min-width: 1280px){body.health .etnet-logo{
    height: 21px;
  }
}/* 30th logo - end */.menu-panel .divider,
	.desktop-header .divider{
  height: 20px;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
}.menu-panel .divider:is(.dark *),
	.desktop-header .divider:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1280px){.menu-panel .divider,
	.desktop-header .divider{
    height: 28px;
  }
}.menu-panel .btn-search,
	.desktop-header .btn-search{
  height: 25px;
  width: 25px;
}.channel-name{
  font-size: 1.2rem;
}@media (min-width: 1280px){.channel-name{
    font-size: 1.4rem;
  }
}.channel-name {
		font-weight: normal;
		line-height: 100%;
	}.search-panel {
		font-size: 0.8rem;
	}@media (min-width: 1024px){.search-panel .mobile.btn-search{
    display: none;
  }
}.search-panel .btn-search-wrapper{
  display: flex;
  height: 39px;
  cursor: pointer;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
}.search-panel .btn-search-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.search-panel .btn-search-wrapper .btn-search:is(.dark *){
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.search-panel .desktop{
  display: none;
  flex-direction: row;
  align-items: center;
}@media (min-width: 1024px){.search-panel .desktop{
    position: relative;
    display: flex;
  }
}.search-panel .desktop .options-wrap{
  display: flex;
  height: 39px;
  flex-direction: row;
  align-items: center;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}.search-panel .desktop .options-wrap:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.search-panel .desktop .options{
  display: grid;
  cursor: pointer;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.search-panel .desktop .options > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}.search-panel .desktop .options{
  border-radius: 0.28rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
}.search-panel .desktop .options:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-divide-opacity, 1));
}.search-panel .desktop .options:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.search-panel .desktop .options .btn{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(167 160 156 / var(--tw-text-opacity, 1));
}.search-panel .desktop .options .btn:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.search-panel .desktop .options .btn {
		transition: background-color 0.2s ease-in;
	}.search-panel .desktop .options .btn:first-child {
		border-top-left-radius: 0.28rem;
		border-bottom-left-radius: 0.28rem;
	}.search-panel .desktop .options .btn:last-child {
		border-top-right-radius: 0.28rem;
		border-bottom-right-radius: 0.28rem;
	}.search-panel .desktop .options .btn:hover,
	.search-panel .desktop .options .btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		transition: background-color 0.2s ease-out;
}.search-panel .desktop .options .btn.active{
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.search-panel .desktop input[type="search"] {
		font-size: 12px;
		margin-left: 0.5rem;
		line-height: 1;
		outline-width: 0px;
	}.search-panel .header-search-wrapper.Focus{
  --tw-border-opacity: 1;
  border-color: rgb(204 0 0 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 5px 0px rgba(255,0,0,1);
  --tw-shadow-colored: 0 0 5px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.search-popup{
  margin: 0px;
  display: none;
  --tw-shadow: -1px 10px 20px -5px rgb(0 0 0 / 20%);
  --tw-shadow-colored: -1px 10px 20px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}#mobile-menu .search-popup{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active .search-popup{
  opacity: 1;
}@media (min-width: 1024px){.search-popup{
    position: absolute;
    top: auto;
    height: auto;
    width: 100%;
    min-width: 400px;
    border-radius: 0.25rem;
    border-width: 1px;
  }.search-popup:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  }
}input[type="checkbox"]:checked + .menu-panel-wrapper{
  z-index: 90001;
}input[type="checkbox"]:checked
		+ .menu-panel-wrapper
		.search-panel
		#search-popup{
  display: flex;
}input[type="checkbox"]:checked + .menu-panel-wrapper.sticky-menu .search-panel #search-popup{
  display: flex;
  --tw-shadow: 0px -6px 10px -4px rgb(0 0 0 / 20%);
  --tw-shadow-colored: 0px -6px 10px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 1024px){input[type="checkbox"]:checked + .menu-panel-wrapper.sticky-menu .search-panel #search-popup{
    top: 14px;
    right: -5px;
    z-index: 89999;
    border-top-right-radius: 0px;
    --tw-border-opacity: 1;
    border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}input[type="checkbox"]:checked + .menu-panel-wrapper.sticky-menu .search-panel .mobile{
  --tw-shadow: 0px -6px 10px -4px rgb(0 0 0 / 20%);
  --tw-shadow-colored: 0px -6px 10px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 1024px){input[type="checkbox"]:checked + .menu-panel-wrapper.sticky-menu .search-panel .mobile{
    position: absolute;
    left: -45px;
    top: -10px;
    z-index: 90002;
    height: 25px;
    width: 50px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
  }input[type="checkbox"]:checked + .menu-panel-wrapper.sticky-menu .search-panel .mobile:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  }
}.search-popup .contentWrapper{
  z-index: 90001;
  margin-top: 8%;
  margin-bottom: 8%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  max-height: 90%;
  width: 90%;
}@media (min-width: 1024px){.search-popup .contentWrapper{
    position: static;
    margin: 0px;
    height: auto;
    max-height: 100%;
    width: 100%;
  }
}.search-popup .contentItems{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.search-popup .contentItems:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.search-popup .contentItems .title{
  display: flex;
  padding-top: 10px;
}@media (min-width: 1024px){.search-popup .contentItems .title{
    display: none;
  }
}.search-popup .contentItems .btn-popup-close{
  margin-left: auto;
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.search-popup .contentItems .btn-popup-close:is(.dark *){
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 1024px){.search-popup .contentItems .btn-popup-close{
    display: none;
  }.search-popup .options{
    display: none;
  }
}.search-popup .options > div{
  margin-bottom: 10px;
  display: flex;
  border-bottom-width: 2px;
}.search-popup .options > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.search-popup .options > div > div{
  --tw-translate-y: 2px;
  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));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.9rem;
}.search-popup .options > div > div.active{
  font-weight: 700;
}.search-popup .options div.active{
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}.search-popup .options div.active:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.search-popup .search-popup-box{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  border-radius: 0.375rem;
  border-width: 1px;
  padding-left: 0.5rem;
}.search-popup .search-popup-box:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.search-popup .search-popup-box{
    display: none;
  }
}.mobile.btn-search, .search-popup .search-popup-box .btn-search{
  height: 20px;
  width: 20px;
}/* .search-popup {
		@apply hidden absolute w-full text-[#000] top-[39px] z-overlay rounded-md bg-white border px-4 pt-2 pb-4;
	} */.search-popup section{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.popular-keyword{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.popular-keyword a{
  border-radius: 0.375rem;
  border-width: 1px;
  padding: 0.5rem;
}.popular-keyword a:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.popular-keyword a {
		/*transition: background-color 0.2s ease-in;*/
	}.popular-keyword a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.popular-keyword a:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.popular-keyword a:hover {
		transition: background-color 0.2s ease-out;
		opacity: 1;
	}.popular-keyword a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		opacity: 1;
}.section-title{
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline;
}.globel-search:focus {
		outline: none;
	}#supplement-panel{
  margin-left: auto;
}.supplement-panel{
  display: none;
  justify-content: space-between;
}.supplement-panel:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.supplement-panel{
    position: relative;
    z-index: 2;
    display: flex;
    height: 35px;
    width: 200px;
    flex-direction: row;
    align-items: center;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 0.5rem;
    font-weight: 700;
  }
}.supplement-panel::before {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 0;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        --tw-content: '';
        content: var(--tw-content)}.supplement-panel:is(.dark *)::before{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.supplement-panel::after {
        height: calc(100% + 4px);
        width: calc(100% + 4px);
        background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        animation: animatedgradient 3s ease alternate infinite;
        background-size: 300% 300%;
        position: absolute;
        top: -2px;
        left: -2px;
        z-index: -1;
        border-radius: 0.375rem;
        --tw-content: '';
        content: var(--tw-content)}@keyframes animatedgradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }.supplement-btn-dropdown{
  z-index: 90000;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.supplement-panel-wrap{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 90002;
  display: none;
  height: 38.5px;
  width: 200px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 400;
}.supplement-panel .supplement-panel-wrap > span{
  position: relative;
}.supplement-panel .legend {
		height: 10px;
		top: -6px;
		left: 0px;
		font-size: 0.9rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		position: absolute;
		--tw-scale-x: .75;
		--tw-scale-y: .75;
		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));
		flex-wrap: nowrap;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	}.supplement-panel .legend > div{
  align-self: center;
}.supplement-panel .legend:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}.supplement-panel + .dropdown-content{
  position: absolute;
  left: 0px;
  top: 98px;
  z-index: 90001;
  display: none;
  width: 100%;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
		box-shadow: -1px 10px 20px -5px rgb(0 0 0 / 20%);
}.livebar-sticky .supplement-panel + .dropdown-content{
  top: calc(98px + 32px);
}input:checked + .supplement-panel + .dropdown-content{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}input:checked + .supplement-panel + .dropdown-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){input:checked + .supplement-panel + .dropdown-content{
    display: block;
  }
}input:checked + .supplement-panel .supplement-btn-dropdown{
  z-index: 90003;
		transform: rotate(180deg);
}input:checked + .supplement-panel{
  z-index: unset;
  border-width: 0px;
}input:checked + .supplement-panel::before, input:checked + .supplement-panel::after{
  display: none;
}input:checked + .supplement-panel .legend{
  display: none;
}input:checked + .supplement-panel .supplement-panel-wrap:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){input:checked + .supplement-panel .supplement-panel-wrap{
    display: block;
  }
}.supplement-panel .highlight-supplement {
        white-space: nowrap;
        overflow: hidden;
        animation:
        typing 5s steps(50, end) infinite;
        position: relative;
        z-index: 1;
        margin-top: 0.125rem;
        padding-left: 0.125rem;
        font-weight: 600}.supplement-panel .highlight-supplement:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/* The typing effect */@keyframes typing {
        0% { width: 0 }
        50% { width: 100%;}
        100% { width: 100%;}
    }.supplement-skeleton-card{
  display: block;
}.btn-group .pop-up-btn{
  height: 42px;
  width: 42px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-repeat: no-repeat;
  background-origin: content-box;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}.btn-group .pop-up-btn:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}.btn-group .pop-up-btn {
		background-position: center center;
	}.btn-group{
  display: flex;
  flex-direction: row;
  align-items: center;
}.btn-group-input{
  display: none;
}.btn-member {
		background-size: 22px;
		height: 25px;
		width: 25px;
		cursor: pointer;
		background-image: url('/web_common/images/buttons/btn-member.svg')}@media (min-width: 1024px){.btn-member:is(.dark *){
    background-image: url('/web_common/images/buttons/btn-member-white.svg');
  }
}.btn-wrap-member{
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
}input:checked + .btn-member + .dropdown-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){input:checked + .btn-member + .dropdown-content{
    display: block;
  }
}input:checked + .btn-member{
  z-index: 89999;
  box-sizing: border-box;
  height: 42px;
  width: 42px;
  cursor: pointer;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}input:checked + .btn-member:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}input:checked + .btn-member {
		box-shadow: 0px -6px 10px -4px rgb(0 0 0 / 20%);
		background-position: center 5px;
	}.btn-member + .dropdown-content{
  position: absolute;
  left: 0px;
  top: 98px;
  z-index: 89998;
  display: none;
  width: 100%;
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
		box-shadow: -1px 10px 20px -5px rgb(0 0 0 / 20%);
}.livebar-sticky .btn-member + .dropdown-content{
  top: calc(98px + 32px);
}.btn-member + .dropdown-content .container{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}.header-member-menu > div{
  position: relative;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 16px;
}.header-member-menu > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.header-member-menu > div a span::after {
		position: absolute;
		display: block;
		height: 12px;
		width: 12px;
		transition-property: all;
		transition-duration: 300ms;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		top: 15px;
		right: 2px;
		content: "";
		transform-origin: 75% 75%;
		transform: rotate(-45deg);
		box-shadow: 1px 1px #a5a5a5;
		pointer-events: none;
	}.btn-wrap{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 90002;
  display: none;
  height: 42px;
  width: 42px;
  cursor: pointer;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
  background-repeat: no-repeat;
  background-origin: content-box;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
		box-shadow: 0px -6px 10px -4px rgb(0 0 0 / 20%);
}.btn-setting {
		background-position-x: "1px";
		position: relative;
		height: 25px;
		width: 25px;
		background-image: url('/web_common/images/buttons/btn-setting.svg')}@media (min-width: 1024px){.btn-setting:is(.dark *){
    background-image: url('/web_common/images/buttons/btn-setting-white.svg');
  }
}.btn-products {
		background-position-x: "1px";
		position: relative;
		height: 25px;
		width: 25px;
		background-image: url('/web_common/images/buttons/btn-product.svg')}@media (min-width: 1024px){.btn-products:is(.dark *){
    background-image: url('/web_common/images/buttons/btn-product-white.svg');
  }
}.btn-popup-close{
  height: 25px;
  width: 25px;
  background-image: url('/web_common/images/buttons/btn-popup-close.svg');
}@media (min-width: 1024px){.btn-popup-close:is(.dark *){
    background-image: url('/web_common/images/buttons/btn-popup-close.svg');
  }
}.btn-wrap-setting {
		background-size: 22px;
		background-position: center 5px;
		background-image: url('/web_common/images/buttons/btn-setting.svg')}@media (min-width: 1024px){.btn-wrap-setting{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }.btn-wrap-setting:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
    background-image: url('/web_common/images/buttons/btn-setting-white.svg');
  }
}.btn-wrap-products {
		background-size: 22px;
		background-position: center 5px;
		background-image: url('/web_common/images/buttons/btn-product.svg');
	}@media (min-width: 1024px){.btn-wrap-products{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }.btn-wrap-products:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
    background-image: url('/web_common/images/buttons/btn-product-white.svg');
  }
}#menu-panel .dropdown input[type="checkbox"]{
  height: 100%;
  width: 100%;
  cursor: pointer;
		opacity: 0;
}#menu-panel .dropdown .dropdown-content{
  position: absolute;
  z-index: 90001;
  display: none;
}@media (min-width: 1024px){#menu-panel .dropdown .dropdown-content{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }#menu-panel .dropdown .dropdown-content:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  }
}#menu-panel .dropdown .dropdown-content {
		box-shadow: -1px 10px 20px -5px rgb(0 0 0 / 20%);
	}#menu-panel .btn-setting .dropdown-content{
  right: 0px;
  top: 41px;
  z-index: 90001;
  width: 300px;
}#menu-panel .btn-setting .dropdown-content > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}#menu-panel .btn-setting .dropdown-content{
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
}#menu-panel .btn-setting .dropdown-content:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-divide-opacity, 1));
}#menu-panel .btn-products .dropdown-content{
  right: 0px;
  top: 41px;
  z-index: 90001;
  width: 900px;
}#menu-panel .btn-products .dropdown-content > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}#menu-panel .btn-products .dropdown-content{
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(165 165 165 / var(--tw-border-opacity, 1));
}#menu-panel .btn-products .dropdown-content:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-divide-opacity, 1));
}#menu-panel .btn-setting .dropdown-content > div{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}#menu-panel .btn-setting .dropdown-content > div > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}#menu-panel .btn-setting .dropdown-content > div{
  padding: 1rem;
		border-bottom-width: 0px;
		border-top-width: 1px !important;
}#menu-panel .btn-setting .dropdown-content > div:first-of-type {
		border-top-width: 0px !important;
	}#menu-panel .btn-products .dropdown-content > div{
  display: flex;
  flex-direction: column;
}#menu-panel .btn-products .dropdown-content > div > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}#menu-panel .btn-products .dropdown-content > div{
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
}#menu-panel .btn-products .dropdown-content > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#menu-panel .btn-products .dropdown-content > div .sub-title{
  margin-bottom: 0.5rem;
  align-self: flex-start;
  font-size: 16px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}#menu-panel .btn-products .dropdown-content > div .sub-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#menu-panel .products-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}#menu-panel .products-grid > div{
  border-radius: 0.375rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}#menu-panel .products-grid > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}#menu-panel .products-grid .title{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}#menu-panel .products-grid .title a{
  display: inline-block;
}#menu-panel .products-grid .clickable a:after{
  top: 6px;
}#menu-panel .data-grid a{
  display: inline-block;
}#menu-panel .apps-flex > a{
  width: 60px;
}#menu-panel .apps-flex > a p{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
}#menu-panel .sns-flex{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}#menu-panel .sns-flex > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}#menu-panel .sns-flex:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-divide-opacity, 1));
}#menu-panel .sns-flex > div{
  margin-right: 1.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
}#menu-panel .sns-flex .platform{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 20px;
}#menu-panel .sns-flex img{
  margin-left: auto;
  margin-right: auto;
  width: 60px;
}#menu-panel .sns-flex a p{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
}#menu-panel .dropdown > input[type="checkbox"]:checked ~ .dropdown-content,
	#menu-panel .dropdown > input[type="checkbox"]:checked + .btn-wrap{
  display: block;
}#menu-panel .dropdown-content .sub-title{
  align-self: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}#menu-panel .dropdown-content .sub-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#menu-panel .dropdown-content .sub-tab{
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}#menu-panel .dropdown-content .sub-tab:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}#menu-panel .dropdown-content .active.sub-tab {
		box-shadow: -1px -1px 10px -2px rgb(0 0 0 / 20%);
		cursor: pointer;
		border-radius: 0.5rem;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(51 51 51 / var(--tw-text-opacity, 1))}#menu-panel .dropdown-content .active.sub-tab:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow-color: #FFFFFF;
  --tw-shadow: var(--tw-shadow-colored);
}#menu-panel .dropdown-content .arrow::before {
		padding: 0 1px;
		display: block;
	}/** end tabs container **/#desktop-section-menu .dropdown .dropdown-content{
  z-index: 90001;
  display: none;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}#desktop-section-menu .dropdown:hover .dropdown-content{
  display: block;
}#desktop-section-menu .dropdown:hover .dropdown-content:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.section-menu{
  z-index: 10000;
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 700;
}@media (min-width: 1024px){.section-menu{
    display: flex;
  }
}.section-menu > a{
  position: relative;
  margin-top: 8px;
}.stocks .section-menu > a.active,.stocks   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .section-menu > a.active,.news   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .section-menu > a.active,.futures   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .section-menu > a.active,.warrants   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .section-menu > a.active,.etf   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .section-menu > a.active,.ashares   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .section-menu > a.active,.forex   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .section-menu > a.active,.bitcoin   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .section-menu > a.active,.funds   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .section-menu > a.active,.mpf   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .section-menu > a.active,.property   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .section-menu > a.active,.lifestyle   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .section-menu > a.active,.wiki   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .section-menu > a.active,.attraction   .section-menu > div.active > a{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.section-menu div.dropdown > a span::after {
		content: "";
		display: block;
		opacity: 0;
		margin: auto;
		top: 20px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #333333;
		position: absolute;
		left: calc(50% - 8px);
	}.section-menu div.dropdown > a span:is(.dark *)::after{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.section-menu div.dropdown:hover > a{
  position: relative;
  width: 100%;
}.section-menu div.dropdown:hover > a span:after {
		opacity: 1;
	}.section-menu > a,
	.section-menu > div.dropdown{
  margin-top: 6px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 2px;
  padding-bottom: 2px;
}@media (min-width: 1280px){.section-menu > a,
	.section-menu > div.dropdown{
    padding-left: 1rem;
    padding-right: 1rem;
  }
}.section-menu > a.etnet-logo-wrapper{
  margin: 0px;
  padding-left: 0px;
  padding-right: 0.5rem;
}.section-menu div.channel-name{
  padding-left: 0.5rem;
}.section-menu > a.no-padding-left{
  padding-left: 0px;
}.section-menu .sticky-show{
  display: none;
}.section-menu .special-icon{
  cursor: pointer;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.category-menu{
  position: absolute;
  left: 0px;
  z-index: 10;
  margin-top: 6px;
  display: none;
  width: 100%;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 1;
}.category-menu:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.category-menu{
    display: block;
  }
}.category-menu:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 6px;
		background: transparent;
		left: 0;
		top: -8px;
	}.category-menu > div{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: min(3.5vw,30px);
  padding-left: min(3.5vw,30px);
}@media (min-width: 768px){.category-menu > div{
    max-width: 768px;
  }
}@media (min-width: 1024px){.category-menu > div{
    max-width: 1024px;
  }
}@media (min-width: 1280px){.category-menu > div{
    max-width: 1280px;
  }
}@media (min-width: 1600px){.category-menu > div{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.category-menu > div{
    max-width: 1920px;
  }
}.category-menu > div{
  max-width: 100%;
  min-width: 355px;
}@media (min-width: 768px){.category-menu > div{
    max-width: 100%;
  }
}@media (min-width: 1024px){.category-menu > div{
    max-width: 100%;
  }
}@media (min-width: 1280px){.category-menu > div{
    max-width: 100%;
  }
}@media (min-width: 1600px){.category-menu > div{
    max-width: 1600px;
  }
}@media (min-width: 1920px){.category-menu > div{
    max-width: 1920px;
  }
}.category-menu > div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-weight: 700;
  opacity: 1;
}.live-bar .category-menu > div {
		height: 32px;
		display: flex;
	}.live-bar .category-menu > div .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .category-menu > div .liveBarContent{
    display: block;
  }
}.live-bar .category-menu > div .liveBarMarqueeContent{
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}@media (min-width: 1024px){.live-bar .category-menu > div .liveBarMarqueeContent{
    display: none;
  }
}.live-bar .category-menu > div .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}.live-bar .category-menu > div .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}.live-bar .category-menu > div .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}@media (min-width: 1024px){.live-bar .category-menu > div .liveBarContent{
    display: block;
  }
}.indexes-panel .category-menu > div {
		height: 32px;
		display: flex;
	}.btn-member + .dropdown-content .category-menu > div{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}footer #FooterDisclaimer .category-menu > div > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#FooterAwards .category-menu > div {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}@media only screen and (min-width: 568px) {
		#FooterAwards .category-menu > div {
			display: ruby;
		}
		#FooterAwards .category-menu > div .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .category-menu > div .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .category-menu > div .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .category-menu > div {
			display: ruby;
		}
		#FooterAwards .category-menu > div .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .category-menu > div .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .category-menu > div .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .category-menu > div {
			display: ruby;
		}
		#FooterAwards .category-menu > div .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .category-menu > div .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .category-menu > div .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .category-menu > div {
			display: ruby;
		}
		#FooterAwards .category-menu > div .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .category-menu > div .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .category-menu > div .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){.category-menu > div{
    max-width: 100% !important;
  }
}@media (min-width: 1024px){.live-bar .category-menu > div,
.indexes-panel .category-menu > div{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .category-menu > div,
.indexes-panel .category-menu > div{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}@media (min-width: 1024px){.live-bar .category-menu > div,
.indexes-panel .category-menu > div{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .category-menu > div,
.indexes-panel .category-menu > div{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}.stocks .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .category-menu > div a.active{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}/** end site header **/#desktop-menu{
  position: absolute;
  top: 58px;
  z-index: 90001;
  display: none;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 1024px){#desktop-menu.active{
    display: block;
  }
}#btn-menu {
		position: relative;
		cursor: pointer;
		display: block;
		transition: background-color ease-in 0.2s;
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		border: none;
	}#btn-menu > div,
	#btn-menu > div > div {
		position: absolute;
		display: block;
		pointer-events: none;
	}#btn-menu > div {
		width: 32px;
		height: 24px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}#btn-menu .default {
		height: 3px;
		top: 0px;
		left: 4px;
		width: 24px;
		opacity: 1;
		--tw-bg-opacity: 1;
		background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
	}#btn-menu .default:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}#btn-menu > div > div:nth-of-type(1) {
		transform: translate(0px, 4px);
		transition: width ease-in 0.1s, opacity ease-in 0.1s;
		transition-delay: 0.05s;
	}#btn-menu > div > div:nth-of-type(2) {
		transform: translate(0px, 12px);
		transition: width ease-in 0.2s, opacity ease-in 0.2s;
		transition-delay: 0.15s;
	}#btn-menu > div > div:nth-of-type(3) {
		transform: translate(0px, 20px);
		transition: width ease-in 0.3s, opacity ease-in 0.3s;
		transition-delay: 0.25s;
	}#btn-menu > div > div.extend {
		height: 3px;
		top: 0px;
		left: 4px;
		width: 0px;
		transform-origin: center center;
		opacity: 0;
		background-color: #ffffff;
	}#btn-menu > div > div:nth-of-type(4) {
		transform: translate(-3px, -2px) rotate(0deg);
		transition: width ease-in 0.1s, opacity ease-in 0.1s, transform ease-in 0.1s;
	}#btn-menu > div > div:nth-of-type(5) {
		transform: translate(-3px, 22px) rotate(0deg);
		transition: width ease-in 0.3s, opacity ease-in 0.3s, transform ease-in 0.3s;
	}#btn-menu.active {
		background-color: #000;
		transition: background-color ease-out 0.2s;
	}#btn-menu.active .default {
		width: 0px;
		opacity: 0;
	}#btn-menu.active > div > div:nth-of-type(1) {
		transition: width ease-out 0.1s, opacity ease-out 0.1s;
	}#btn-menu.active > div > div:nth-of-type(2) {
		transition: width ease-out 0.2s, opacity ease-out 0.2s;
	}#btn-menu.active > div > div:nth-of-type(3) {
		transition: width ease-out 0.3s, opacity ease-out 0.3s;
	}#btn-menu.active .extend {
		width: 24px;
		opacity: 1;
	}#btn-menu.active > div > div:nth-of-type(4) {
		transform: translate(0px, 10px) rotate(45deg);
		transition: width ease-out 0.1s, opacity ease-out 0.1s,
			transform ease-out 0.1s;
		transition-delay: 0.05s;
	}#btn-menu.active > div > div:nth-of-type(5) {
		transform: translate(0px, 10px) rotate(-45deg);
		transition: width ease-out 0.25s, opacity ease-out 0.25s,
			transform ease-out 0.25s;
		transition-delay: 0.1s;
	}#desktop-menu,
	footer{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}footer #FooterCS > div,footer #FooterDisclaimer .container > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }#desktop-menu .channel-group{
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
  padding-bottom: 16px;
}#desktop-menu .channel-group > div{
  margin-right: 2rem;
}#desktop-menu .channel-group a{
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#desktop-menu .section-group,
	footer .section-group{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  padding-bottom: 1rem;
}@media (min-width: 1024px){#desktop-menu .section-group,
	footer .section-group{
    padding-bottom: 2.5rem;
  }
}#desktop-menu .section-group > div{
  margin-top: 1rem;
  min-width: 200px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}footer .section-group > div{
  margin-top: 1rem;
  min-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#desktop-menu .section-group a,
	footer .section-group a{
  padding-left: 1.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#desktop-menu .section-group .channel-name,
	footer .section-group .channel-name{
  position: relative;
}@media (min-width: 1024px){#desktop-menu .section-group .channel-name,
	footer .section-group .channel-name{
    margin-bottom: 0.25rem;
  }
}#desktop-menu .section-group .channel-name::before,
	footer .section-group .channel-name::before {
		position: absolute;
		top: 30%;
		left: 0px;
		width: 3px;
		height: 60%;
		display: block;
		content: "";
	}#desktop-menu .highlight-group,
	footer .highlight-group{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}#desktop-menu .highlight-group > :not([hidden]) ~ :not([hidden]),
	footer .highlight-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}#desktop-menu .highlight-group,
	footer .highlight-group{
  padding-top: 5px;
  padding-bottom: 5px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#desktop-menu .highlight-group > div,
	footer .highlight-group > div{
  align-self: center;
}#desktop-menu .highlight-group a,
	footer .highlight-group a{
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}#desktop-menu .section-group .channel-name a,
	footer .section-group .channel-name a{
  font-size: 1rem;
  line-height: 1.5rem;
}@media (min-width: 1024px){#desktop-menu .section-group .channel-name a,
	footer .section-group .channel-name a{
    font-size: 16px;
  }
}#search-icon-group .dropdown-content{
  display: none;
}#search-icon-group input[type="checkbox"]:checked + .dropdown-content{
  display: block;
}#search-icon-group .dropdown-content{
  margin: 0px;
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}#mobile-menu #search-icon-group .dropdown-content{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active #search-icon-group .dropdown-content{
  opacity: 1;
}#search-icon-group .dropdown-content > div.contentWrapper{
  z-index: 90001;
  margin: auto;
  height: auto;
  max-height: 80%;
  width: 80%;
  min-width: 366px;
}@media (min-width: 768px){#search-icon-group .dropdown-content > div.contentWrapper{
    width: 100%;
  }
}#popup-search-input{
  height: 39px;
  width: 100%;
}/** start mobile menu **/#mobile-menu{
  z-index: 90001;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}@media (min-width: 1024px){#mobile-menu{
    display: none;
  }
}#mobile-menu.active{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}#mobile-menu .overlay{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu .overlay-content{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90001;
  height: 100%;
  width: calc(100% - 48px);
  max-width: 320px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#mobile-menu.active .overlay{
  opacity: 1;
}#mobile-menu .tab-group{
  position: absolute;
  left: 0px;
  top: 0px;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}#mobile-menu div.tab-content-group{
  overflow: auto;
		height: calc(100vh - 3rem);
}#mobile-menu .tab-content > div{
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		border-bottom: #484848 solid 1px;
		position: relative;
}#mobile-menu .tab-content .sub-title{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#menu-panel .btn-theme,
	#mobile-menu .btn-theme {
		width: 80px;
		height: 30px;
		position: relative;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
		--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
		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);
	}#menu-panel .btn-theme.lightmode,
	#mobile-menu .btn-theme.lightmode{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}#menu-panel .btn-theme.lightmode::after,
	#mobile-menu .btn-theme.lightmode::after{
  --tw-content: "✓";
  content: var(--tw-content);
}#menu-panel .btn-theme.lightmode:is(.dark *),
	#mobile-menu .btn-theme.lightmode:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-drop-shadow: drop-shadow(0 0 #0000);
  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);
}#menu-panel .btn-theme.lightmode:is(.dark *)::after,
	#mobile-menu .btn-theme.lightmode:is(.dark *)::after{
  --tw-content: none;
  content: var(--tw-content);
}#menu-panel .btn-theme.darkmode,
	#mobile-menu .btn-theme.darkmode{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#menu-panel .btn-theme.darkmode::after,
	#mobile-menu .btn-theme.darkmode::after{
  --tw-content: none;
  content: var(--tw-content);
}#menu-panel .btn-theme.darkmode:is(.dark *),
	#mobile-menu .btn-theme.darkmode:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  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);
}#menu-panel .btn-theme.darkmode:is(.dark *)::after,
	#mobile-menu .btn-theme.darkmode:is(.dark *)::after{
  --tw-content: "✓";
  content: var(--tw-content);
}#menu-panel .btn-theme::after,
	#mobile-menu .btn-theme::after {
		left: calc(50% - 10px);
		position: absolute;
		top: 0.25rem;
		--tw-scale-x: 0.6;
		--tw-scale-y: 0.6;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
		padding-left: 0.25rem;
		padding-right: 0.25rem;
		padding-top: 0px;
		padding-bottom: 0px;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}#menu-panel .btn-theme:is(.dark *)::after,
	#mobile-menu .btn-theme:is(.dark *)::after{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}#mobile-menu .tab-content .sub-tab{
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}#mobile-menu .tab-content .active.sub-tab{
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}#mobile-menu .tab-group .tab,
	#mobile-menu .tab-group .tab svg{
  float: right;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(102 102 102 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		color: #939393;
}#mobile-menu .tab-group .tab.active,
	#mobile-menu .tab-group .active.tab svg{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
		color: #ffffff;
}#mobile-menu .tab .btn {
		width: 22px;
		height: 22px;
		background-size: contain;
		margin-top: 0.75rem;
		margin-left: 0.75rem;
		background-repeat: no-repeat;
		--tw-invert: invert(100%);
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
	}#mobile-menu div.collapse::before {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 5px;
		height: 100%;
		display: block;
		content: "";
	}#mobile-menu .social-group{
  display: flex;
}#mobile-menu .social-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}#mobile-menu .social-group a{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 55px;
}#mobile-menu .social-group > a .sub-title{
  text-align: center;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#mobile-menu .social-group::before {
		background-size: cover;
		top: 0px;
		left: 0px;
		width: 23px;
		height: 23px;
		content: "";
	}#mobile-menu .social-group.youtube-group::before {
		background-image: url(/web_common/images/sns_youtube_ico.png);
	}#mobile-menu .social-group.facebook-group::before {
		background-image: url(/web_common/images/sns_fb_ico.png);
	}#mobile-menu .social-group.instagram-group::before {
		background-image: url(/web_common/images/sns_ig_ico.png);
	}#mobile-menu .social-group.twitter-group::before {
		background-image: url(/web_common/images/sns_twitter_ico.png);
	}#mobile-menu .collapse-title,
	#mobile-menu .collapse-content {
		color: #ffffff;
	}#mobile-menu .collapse-content {
		color: #ffffff;
	}#mobile-menu-close {
		cursor: pointer;
		width: 48px;
		height: 48px;
		position: absolute;
		float: right;
		background-color: #000000;
		top: 0px;
		right: -48px;
		color: #ffffff;
	}#mobile-menu-close svg {
		transform: translate(7px, 7px);
	}#mobile-menu .collapse-content > div{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: 300;
}#mobile-menu
		.tab-content[data-content="setting"]
		> div:nth-of-type(2)
		.sub-tab{
  display: block;
  height: 32px;
  width: 32px;
}#mobile-menu
		.tab-content[data-content="setting"]
		> div:nth-of-type(2)
		.sub-tab
		span {
		transform: translateX(1px);
	}#mobile-menu .tab-content .sub-tab.btn-theme.dark {
		background-color: #222222;
	}#mobile-menu .collapse-content .channel-highlight-pages{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}#mobile-menu .collapse-content .channel-highlight-pages > div{
  align-self: center;
}#mobile-menu .collapse-content .channel-highlight-pages a {
        padding:2px 10px;
        display: inline-block;
        border-width: 1px;
        font-size: 13px;
        line-height: 1}#mobile-menu .collapse-content ul {
		display: -webkit-inline-box;
	}#mobile-menu .collapse-content li .Shortcut {
		display: inline-block;
		padding: 2px 10px;
		margin-right: 5px;
		line-height: 120%;
		font-size: 13px;
		border: 1px solid #545454;
		color: #FFF;
	}/** enf mobile menu **//** start indexes panel **/#custom-panel{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 91000;
  height: 100vh;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow-y: auto;
  padding-bottom: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}@media (min-width: 768px){#custom-panel{
    height: auto;
  }
}#custom-panel.active{
  top: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}body.color-palette-a #custom-panel .down{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-b #custom-panel .up{
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity, 1));
}body.color-palette-a #custom-panel .bg-change.down{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-b #custom-panel .bg-change.up{
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#custom-panel .ads-container-wrapper{
  display: flex;
  justify-content: center;
}#custom-panel .ads-container-wrapper.indexes{
  display: none;
}@media (min-width: 1024px){#custom-panel .ads-container-wrapper.indexes{
    display: flex;
  }
}/* card */#custom-panel .card-container{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}@media (min-width: 768px){#custom-panel .card-container{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1024px){#custom-panel .card-container{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1280px){#custom-panel .card-container{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}@media (min-width: 1600px){#custom-panel .card-container{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}#custom-panel .card{
  height: 260px;
  min-width: 300px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(67 67 67 / var(--tw-border-opacity, 1));
  padding: 10px;
}.new{
  position: relative;
}.new::after{
  position: absolute;
  right: -0.25rem;
  top: -0.05rem;
  height: 5px;
  width: 5px;
  --tw-translate-x: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}.button::after{
  right: -0.1rem;
  top: -0.1rem;
}#indexes-bar .swiper-slide a.new::after{
  left: -0.4rem;
}#custom-panel .card div{
  align-self: center;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}/** end indexes panel**//** start main **/#breadcrumbs .items,
	#breadcrumbs .dropdown-title{
  line-height: 1;
}.stocks #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction #breadcrumbs .items.active{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}#breadcrumbs .dropdown {
		display: grid;
	}/* breadcrumbs dropdwon*/#breadcrumbs .dropdown input {
		opacity: 0;
		z-index: 101;
	}#breadcrumbs .dropdown .dropdown-content{
  display: none;
  --tw-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 5px 20px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}#mobile-menu #breadcrumbs .dropdown .dropdown-content{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active #breadcrumbs .dropdown .dropdown-content{
  opacity: 1;
}@media (min-width: 768px){#breadcrumbs .dropdown .dropdown-content{
    position: absolute;
    left: 0px;
    z-index: 101;
    margin-top: 28px;
    height: auto;
    width: auto;
    max-width: 100%;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 15px;
  }
}#breadcrumbs .dropdown .dropdown-content > div.contentWrapper{
  z-index: 90001;
  margin: auto;
  height: auto;
  max-height: 80%;
  width: 80%;
  min-width: 336px;
}@media (min-width: 768px){#breadcrumbs .dropdown .dropdown-content > div.contentWrapper{
    width: 100%;
  }
}#breadcrumbs div.contentItems{
  position: relative;
  z-index: 90001;
  display: grid;
  height: 100%;
  max-height: 250px;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}#breadcrumbs div.contentItems:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){#breadcrumbs div.contentItems{
    display: flex;
    height: auto;
    max-height: 24rem;
    width: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    overflow: auto;
  }
}#breadcrumbs div.contentItems::-webkit-scrollbar {
		-webkit-overflow-scrolling: Auto;
	}#breadcrumbs div.contentItems a{
  position: relative;
  z-index: 90001;
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding: 1rem;
}@media (min-width: 768px){#breadcrumbs div.contentItems a{
    border-width: 0px;
    padding: 0.25rem;
  }
}@media (min-width: 1280px){#breadcrumbs div.contentItems a{
    padding: 0.25rem;
  }
}#breadcrumbs .dropdown .dropdown-content > div a:after{
  position: absolute;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}@media (min-width: 768px){#breadcrumbs .dropdown .dropdown-content > div a:after{
    display: none;
  }
}#breadcrumbs .dropdown .dropdown-content > div a:after {
		top: 20px;
		right: 10px;
		content: "";
		transform: rotate(-45deg);
		box-shadow: 1px 1px;
		pointer-events: none;
	}#breadcrumbs .dropdown .dropdown-title{
  position: relative;
}#breadcrumbs .dropdown .dropdown-title .breadcrumbs-item-text{
  align-self: center;
}#breadcrumbs
		.dropdown
		> input[type="checkbox"]:checked
		+ .dropdown-title
		+ .dropdown-content{
  display: flex;
}#breadcrumbs
		.dropdown
		> input[type="checkbox"]:checked
		+ .dropdown-title
		+ .dropdown-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#breadcrumbs .dropdown .dropdown-title:after{
  position: relative;
  margin-top: -2px;
  margin-left: 2px;
  display: inline-block;
  height: 20px;
  width: 20px;
  align-self: center;
  vertical-align: top;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#breadcrumbs .dropdown .dropdown-title:is(.dark *):after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}#breadcrumbs .dropdown .dropdown-title:after {
		filter: invert(96%) sepia(4%) saturate(336%) hue-rotate(178deg)
			brightness(50%) contrast(90%);
		content: url(/web_common/images/buttons/btn-dropdown.svg);
		pointer-events: none;
	}#breadcrumbs a.active{
  font-weight: 700;
}.stocks #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction #breadcrumbs a.active{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}#breadcrumbs .breadcrumbs-item-text.active{
  display: inline-flex;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1;
}.stocks #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction #breadcrumbs .breadcrumbs-item-text.active{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}#breadcrumbs
		.dropdown
		> input[type="checkbox"]:checked
		+ .dropdown-content .ads-container-wrapper {
	}#breadcrumbs .dropdown .dropdown-content .ads-container-wrapper{
  display: none;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}#breadcrumbs .dropdown .dropdown-content .ads-container-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}#breadcrumbs .dropdown > input[type="checkbox"]:checked + .dropdown-title + .dropdown-content:is(.dark *){
  background-color: rgba(0,0,0,0.75);
}@media (min-width: 768px){#breadcrumbs .dropdown > input[type="checkbox"]:checked + .dropdown-title + .dropdown-content:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  }
}#breadcrumbs .dropdown > input[type="checkbox"]:checked + .dropdown-title + .dropdown-content .ads-container-wrapper{
  display: flex;
}@media (min-width: 768px){#breadcrumbs .dropdown > input[type="checkbox"]:checked + .dropdown-title + .dropdown-content .ads-container-wrapper{
    display: none;
  }
}#breadcrumbs .dropdown > input[type="checkbox"]:not(:checked) + .dropdown-title + .dropdown-content .ads-container-wrapper{
  display: none;
}.triangle{
  position: absolute;
  z-index: 40;
  margin-left: 50%;
  display: none;
  height: 10px;
  width: 10px;
  --tw-translate-x: -15px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-color: transparent;
		overflow: hidden;
		/* box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5); */
}.triangle:after{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.triangle:is(.dark *):after{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.triangle:after {
		content: "";
		position: absolute;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		top: 6px;
		left: 0px;
	}#breadcrumbs
		.dropdown
		input[type="checkbox"]:checked
		+ div.dropdown-title
		> div.triangle{
  display: block;
}#breadcrumbs
		.dropdown
		input[type="checkbox"]:checked
		~ .dropdown-title:after {
		transform: rotate(180deg);
	}#breadcrumbs .dropdown .dropdown-title,
	#breadcrumbs .dropdown > input[type="checkbox"] {
		width: 100%;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		transition: background-color 0.2s ease-in-out;
		grid-column-start: 1;
		grid-row-start: 1;
		white-space: nowrap;
	}@media (min-width: 768px){#breadcrumbs{
    position: relative;
  }
}#breadcrumbs .dropdown input[type="checkbox"]:checked .dropdown-content{
  height: 24px;
  align-self: center;
  overflow: visible;
}#breadcrumbs .dropdown .dropdown-content > div a.dropdown-content-title {
		font-weight:700;
		grid-column: span 2 / span 2;
		cursor: default;
		font-size: 16px}@media (min-width: 768px){#breadcrumbs .dropdown .dropdown-content > div a.dropdown-content-title{
    display: none;
  }
}#breadcrumbs .dropdown .dropdown-content > div a.dropdown-content-title:after {
		box-shadow: 0px 0px;
	}/** end breadcrumbs **//* default popup panel *//*old way with dropdown concept*//*new way avoid dropdown related concept*/.default-popup-panel input.popup-control{
  display: none;
  opacity: 0;
}.default-popup-panel .default-popup-title{
  position: relative;
}.default-popup-panel .default-popup-content{
  display: none;
}.default-popup-panel .dropdown-close, /**old way **/
	.default-popup-panel .default-popup-close{ /**new way **/ display: none;
	}.default-popup-panel > input:checked + .dropdown-content .dropdown-close,  .default-popup-panel > input:checked + .dropdown-title + .dropdown-content .dropdown-close, /**old way **/
	.default-popup-panel > input:checked + .default-popup-content .default-popup-close,  .default-popup-panel > input:checked + .default-popup-trigger + .default-popup-content .default-popup-close{  /**new way **/  display: block;
	}.default-popup-panel > input:checked + .dropdown-content, .default-popup-panel > input:checked + .dropdown-title + .dropdown-content,  /**old way **/
	.default-popup-panel > input:checked + .default-popup-content, .default-popup-panel > input:checked + .default-popup-trigger + .default-popup-content { /**new way **/
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
		display: flex;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 90000;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		background-color: rgba(0,0,0,0.75);
	}#mobile-menu .default-popup-panel > input:checked + .dropdown-content,#mobile-menu  .default-popup-panel > input:checked + .dropdown-title + .dropdown-content,#mobile-menu   
	.default-popup-panel > input:checked + .default-popup-content,#mobile-menu  .default-popup-panel > input:checked + .default-popup-trigger + .default-popup-content{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active .default-popup-panel > input:checked + .dropdown-content,#mobile-menu.active  .default-popup-panel > input:checked + .dropdown-title + .dropdown-content,#mobile-menu.active   
	.default-popup-panel > input:checked + .default-popup-content,#mobile-menu.active  .default-popup-panel > input:checked + .default-popup-trigger + .default-popup-content{
  opacity: 1;
}.default-popup-panel > input:checked + .dropdown-content div.contentWrapper, .default-popup-panel > input:checked + .dropdown-title + .dropdown-content div.contentWrapper, /**old way **/
	.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper{/**new way **/z-index: 90001;margin: auto;height: auto;max-height: 80%;width: 90%;min-width: 366px}@media (min-width: 768px){.default-popup-panel > input:checked + .dropdown-content div.contentWrapper, .default-popup-panel > input:checked + .dropdown-title + .dropdown-content div.contentWrapper, 
	.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper{
    width: max(748px,85%);
  }
}@media (min-width: 1280px){.default-popup-panel > input:checked + .dropdown-content div.contentWrapper, .default-popup-panel > input:checked + .dropdown-title + .dropdown-content div.contentWrapper, 
	.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper{
    width: max(1050px,60%);
  }
}.default-popup-panel .contentWrapper.voting, .default-popup-panel .contentWrapper.cross-promo, .default-popup-panel .contentWrapper.attraction{
  max-height: 100% !important;
}.default-popup-panel .contentWrapper.voting .button, .default-popup-panel .contentWrapper.cross-promo .button, .default-popup-panel .contentWrapper.attraction .button{
		background-color: #cc0e00 !important;
		color: white;
		margin-top: 0px !important;
	}.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper .detail{
  margin-bottom: 30%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
}.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper .detail:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.default-popup-panel > input:checked ~ .default-popup-content .contentWrapper .title{
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}.default-popup-panel.dropdown
		input[type="checkbox"]:checked
		+ .dropdown-title
		> .triangle{
  display: block;
}/* text popup info */.default-popup-panel.popup-info .default-popup-content section p:first-child{
  margin-bottom: min(3vw,30px);
}.default-popup-panel.popup-info .default-popup-content section p:nth-child(2){
		font-size:18px; font-weight:500; letter-spacing:1px; max-height: 250px; min-height: 200px; overflow-y: scroll; line-height: 1.5rem}@media (min-width: 1024px){.default-popup-panel.popup-info .default-popup-content section p:nth-child(2){
    max-height: 400px;
    overflow: auto;
  }
}/** reset style in breakpoint=laptop  */.default-popup-panel.laptop > input:checked + .dropdown-content .dropdown-close,  .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content .dropdown-close{
  display: block;
}@media (min-width: 1024px){.default-popup-panel.laptop > input:checked + .dropdown-content .dropdown-close,  .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content .dropdown-close{
    display: none;
  }
}.default-popup-panel.laptop > input:checked + .dropdown-content, .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content {
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
		display: flex;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 90000;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		background-color: rgba(0,0,0,0.75);
	}#mobile-menu .default-popup-panel.laptop > input:checked + .dropdown-content,#mobile-menu  .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active .default-popup-panel.laptop > input:checked + .dropdown-content,#mobile-menu.active  .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content{
  opacity: 1;
}@media (min-width: 1024px){.default-popup-panel.laptop > input:checked + .dropdown-content, .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content{
    position: absolute;
    left: 0px;
    z-index: 10;
    height: auto;
    width: 100%;
    max-width: 100%;
    border-radius: 0.5rem;
    background-color: transparent;
    padding: 0px;
  }
}.default-popup-panel.laptop > input:checked + .dropdown-content div.contentWrapper, .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content div.contentWrapper{
  z-index: 90001;
  margin: auto;
  height: auto;
  max-height: 80%;
  width: 80%;
  min-width: 366px;
}@media (min-width: 1024px){.default-popup-panel.laptop > input:checked + .dropdown-content div.contentWrapper, .default-popup-panel.laptop > input:checked + .dropdown-title + .dropdown-content div.contentWrapper{
    position: static;
    margin: 0px;
    height: auto;
    max-height: 100%;
    width: 100%;
    min-width: 0px;
  }
}.default-popup-panel .dropdown-content-title{
  font-size: 16px;
  font-weight: 700;
}.default-popup-search-result{
  margin-top: 10px;
  max-height: 285px;
  min-height: 285px;
  overflow-y: scroll;
  overscroll-behavior: contain;
  border-top-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
  padding-top: 10px;
}.default-popup-search-result:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.default-popup-search-result{
    max-height: 297px;
    min-height: 297px;
  }
}/*end default popup panel*//** start reactive overlay popup panel **/.default-popup-panel.reactive-overlay-popup-panel > input:checked + .default-popup-content.reactive-overlay-popup-content {
		z-index : 100000;
	}/** end reactive overlay popup panel **/.nominal{
  white-space: nowrap;
  font-weight: 700;
}/** end subcat **//** start filters **/.filter-gp > div{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}.filter-gp > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1600px){.filter-gp > div{
    background-color: transparent;
  }
}.filter-gp > div > div{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}.filter-gp > div > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1280px){.filter-gp > div > div{
    padding-left: 10px;
    padding-right: 10px;
  }
}.et-table .filter-gp > div{
  padding-left: 10px;
  padding-right: 10px;
}.et-table .filter-gp > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1280px){.et-table .filter-gp > div{
    padding-left: min(3vw,30px);
    padding-right: min(3vw,30px);
  }.et-table .filter-gp > div:is(.dark *){
    background-color: transparent;
  }
}.filter-gp.sticky-element{
  top: 0px;
  z-index: 10001;
}@media (min-width: 768px){.filter-gp.sticky-element{
    top: 74px;
  }
}@media (min-width: 1024px){.filter-gp.sticky-element{
    top: 101px;
  }
}@media (min-width: 768px){.livebar-sticky .filter-gp.sticky-element{
    top: calc(74px + 32px);
  }
}@media (min-width: 1024px){.livebar-sticky .filter-gp.sticky-element{
    top: calc(101px + 32px);
  }
}.filter-gp input[type="checkbox"]{
  display: none;
}.filter-gp .filter-btn-gp{
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}#mobile-menu .filter-gp .filter-btn-gp{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active .filter-gp .filter-btn-gp{
  opacity: 1;
}@media (min-width: 768px){.filter-gp .filter-btn-gp{
    position: relative;
    display: block;
    height: auto;
    width: 80%;
    background-color: transparent;
  }
}.filter-gp input[type="checkbox"]:checked + .filter-btn-gp{
  display: flex;
}.filter-gp .filter-btn-gp .contentWrapper{
  margin: auto;
  max-height: 80%;
  width: 80%;
  min-width: 366px;
  align-self: center;
}@media (min-width: 768px){.filter-gp .filter-btn-gp .contentWrapper{
    margin: 0px;
    padding: 0px;
  }
}.filter-gp .filter-btn-gp .table-dropdown-gp{
  display: flex;
  flex-direction: column;
  gap: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
  padding-bottom: 0px;
}@media (min-width: 768px){.filter-gp .filter-btn-gp .table-dropdown-gp{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}.filter-gp .filter-btn-gp .table-dropdown-gp:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.filter-gp .filter-btn-gp .table-dropdown-gp{
    gap: 10px;
    background-color: transparent;
    padding: 0px;
  }

	.filter-gp .filter-btn-gp .table-dropdown-gp > div{
    align-self: center;
  }
}.filter-gp .filter-btn-gp.dropdown .ads-container-wrapper{
  display: none;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}.filter-gp .filter-btn-gp.dropdown .ads-container-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.filter-gp input[type="checkbox"]:checked + .filter-btn-gp.dropdown .ads-container-wrapper{
  display: flex;
}@media (min-width: 768px){.filter-gp input[type="checkbox"]:checked + .filter-btn-gp.dropdown .ads-container-wrapper{
    display: none;
  }
}.filter-gp input[type="checkbox"]:not(:checked) + .filter-btn-gp.dropdown .ads-container-wrapper{
  display: none;
}.table-btn-gp{
  display: flex;
}.table-btn-gp > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}@media (min-width: 768px){.table-btn-gp > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
}.table-btn-gp .btn-switch{
  display: block;
}.table-btn-gp .btn-switch:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 1024px){.table-btn-gp .btn-switch{
    display: none;
  }
}.table-btn-gp .btn-filter{
  display: block;
}.table-btn-gp .btn-filter:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 768px){.table-btn-gp .btn-filter{
    display: none;
  }
}/** end ipo-filters **//** end main **//*news list **********************************************************************************************************************************************************/.et-list > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-style: dotted;
  --tw-divide-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-divide-opacity, 1));
}.et-list:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-divide-opacity, 1));
}.et-list li{
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
}.et-list li > .content{
  flex-grow: 1;
}.et-list li > .thumbnail{
  position: relative;
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
}@media (min-width: 1280px){.et-list li > .thumbnail{
    margin-right: 1rem;
  }
}.et-list li > .thumbnail img{
  aspect-ratio: 16 / 9;
  width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}@media (min-width: 1024px){.et-list li > .thumbnail img{
    width: 150px;
  }
}@media (min-width: 1280px){.et-list li > .thumbnail img{
    width: 180px;
  }
}.et-list li .time{
  margin-right: 0.5rem;
  width: 100%;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.et-list li .time:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){.et-list li .time{
    width: auto;
  }
}.et-list li .h4{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .h4{
    font-size: 18px;
  }
}.et-list .tag{
  display: block;
}.et-list .tag > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}.et-list .tag > div{
  display: inline-flex;
  align-items: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.et-list .content-group{
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}.et-list .content-group .breadcrumb.left-label{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.et-list .content-group .breadcrumb a{
  font-size: 13px;
}.et-list .content-group .breadcrumb > a::after,
	.et-list .content-group .breadcrumb > a > span::after,
	.et-list .content-group .breadcrumb > span::after {
		content: "\2044";
		font-size: 13px;
		margin: auto 6px;
		color: #cccccc;
		font-weight: normal;
	}.et-list .content-group .breadcrumb > *:last-child::after,
	.et-list .content-group .breadcrumb-location > *:last-child::after,
	.et-list .content-group .breadcrumb > a > span:last-child::after {
		content: none;
	}.et-list.small li .h4{
  font-size: 15px;
}.et-list.small li > .thumbnail{
  margin-left: 0.25rem;
  margin-right: 0px;
}.et-list.small li > .thumbnail img{
  aspect-ratio: 16 / 9;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}.et-list.small .content-group .breadcrumb a{
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}.et-list.small .content-group .breadcrumb a:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.et-list.small li.crosssell-event > .thumbnail img{
  aspect-ratio: 4/5;
}.et-list.small li.crosssell-event .content-labels{
  margin-bottom: 0.5rem;
  display: block;
}.et-list.small li.crosssell-event .content-tags{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}.et-list.small li.crosssell-event .content-tags > div{
  align-self: center;
}.et-list.small li.crosssell-event .content-tags a{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.et-list.small li.crosssell-event .event-offer-price{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.25rem;
  -moz-column-gap: 5px;
       column-gap: 5px;
}.et-list.small li.crosssell-event .event-offer-price > div{
  align-self: center;
}.et-list.small li.crosssell-event .event-offer-price::before{
		content:url('/web_common/images/icons/event/offer-price.svg');
		display: block;
		height: 20px;
		width: 20px}/* grid view */.et-grid{
  display: grid;
}.et-grid > .thumbnail{
  position: relative;
}.et-grid .thumbnail img{
  aspect-ratio: 16 / 9;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}.et-grid .content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.et-grid .content-group .breadcrumb{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.et-grid .h4{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .h4{
    font-size: 19px;
  }
}.et-grid .content-group .breadcrumb a{
  font-size: 13px;
}.et-grid .content-group .breadcrumb > a::after,
	.et-grid .content-group .breadcrumb > a > span::after,
	.et-grid .content-group .breadcrumb > span::after {
		content: "\2044";
		font-size: 13px;
		margin: auto 6px;
		color: #cccccc;
		font-weight: normal;
	}.et-grid .content-group .breadcrumb > *:last-child::after,
	.et-grid .content-group .breadcrumb-location > *:last-child::after,
	.et-grid .content-group .breadcrumb > a > span:last-child::after {
		content: none;
	}.et-grid .time{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-right: 0.5rem;
  width: 100%;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.et-grid .time:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){.et-grid .time{
    width: auto;
  }
}/* data basic card view */.data-basic-card{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: min(3vw,30px);
  padding-bottom: 10px;
}@media (min-width: 768px){.data-basic-card{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.data-basic-card{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.data-basic-card .header{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.data-basic-card .header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/* data card view */.data-card{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  border-bottom-width: 1px;
  padding-bottom: 10px;
}.data-card:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.data-card{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.data-card{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}.data-card .header{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.data-card .header:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.data-card span.rank{
  margin-left: 0.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.card-header{
  font-size: 13px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}.card-field{
  font-size: 15px;
  font-weight: 400;
}.et-list li .card-field{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .card-field{
    font-size: 18px;
  }
}.et-list.small li .card-field{
  font-size: 15px;
}.et-grid .card-field{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .card-field{
    font-size: 19px;
  }
}.card-name{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}@media (min-width: 768px){.card-name{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.card-name-field{
  font-size: 15px;
  font-weight: 400;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.et-list li .card-name-field{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .card-name-field{
    font-size: 18px;
  }
}.et-list.small li .card-name-field{
  font-size: 15px;
}.et-grid .card-name-field{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .card-name-field{
    font-size: 19px;
  }
}.card-name-field:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.card-name > .card-name-field:last-child{
  border-bottom-width: 0px;
}@media (min-width: 768px) {
		.card-name > .card-name-field:nth-last-child(2):nth-child(odd),
		.card-name > .card-name-field:last-child{
    border-bottom-width: 0px;
  }
	}.thumbnail{
  position: relative;
}.thumbnail .play-button:after{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: url('/web_common/images/buttons/btn-play.svg');
  content: var(--tw-content);
}.thumbnail .play-button.m:after{
  width: 50px;
}.thumbnail .play-button.\!m:after{
  width: 50px;
}.thumbnail .play-button.l:after{
  width: 60px;
}.thumbnail .play-button.\!l:after{
  width: 60px;
}/* et-calendar */.et-calendar-main{
  flex: 1 1 auto;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: rgba(255,255,255,1) 50% var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgba(212,212,212,0.3) 100% var(--tw-gradient-to-position);
}.et-calendar-main:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  background-color: transparent;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.et-calendar-main > div{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}.et-calendar-main ul {
		display: inline-flex;
		flex-wrap: nowrap;
		flex-flow: column;
		/*flex: 1 0 50px;*/
		flex: 1 0 40px;
		list-style: none;
		margin: 0px;
		padding: 0px;
		border-left: 1px dotted #e2e3e4;
		border-bottom: 1px #e2e3e4;
		position: relative}.et-calendar-main ul:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.et-calendar-main ul:first-of-type {
		border-left: none;
		box-shadow: -10px 0px 20px -10px rgba(0, 0, 0, 0.2);
	}.et-calendar-main ul:last-of-type {
		box-shadow: 10px 0px 20px -10px rgba(0, 0, 0, 0.2);
	}.et-calendar-main ul li {
		height: 40px;
		overflow: hidden;
		border-bottom: 1px dotted #e2e3e4;
		text-align: center;
		line-height: 30px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center}.et-calendar-main ul li:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.et-calendar-main ul li:last-of-type {
		border-bottom: none;
	}.et-calendar-main ul li:first-of-type {
		background-color: #f9f9f9;
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: center;
		border-style: solid;
		--tw-border-opacity: 1;
		border-bottom-color: rgb(226 227 228 / var(--tw-border-opacity, 1))}.et-calendar-main ul li:first-of-type:is(.dark *){
  background-color: transparent;
}.et-calendar-main ul li span {
		flex: 0 0 100%;
		font-size: 12px;
		font-weight: 500;
		line-height: 12px;
		margin: 0px;
		padding: 0px;
		text-transform: uppercase;
	}.dark .et-calendar-rhs>div.disabled {
		background: #696969;
	}.et-calendar-scrollbar {
		height: 6px;
		width: 100%;
		position: relative;
		background: rgba(0, 0, 0, 0.06);
	}.et-calendar-scrollbar .swiper-scrollbar-drag {
		background: rgba(0,0,0,.5);
	}.et-calendar-scrollbar.swiper-scrollbar-lock {
		display:none;
	}.et-calendar-wrapper .swiper-button-disabled{
		display:none;
	}.et-calendar .swiper-button-next{
  right: 0px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}.et-calendar .collapse-arrow .collapse-title::after {
		top: 8px;
	}.et-calendar .swiper-button-prev{
  left: 5px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}.et-calendar .swiper-button-prev::after,
	.et-calendar .swiper-button-next::after{
  font-size: 20px;
}.et-calendar .swiper-button-prev:is(.dark *)::after,
	.et-calendar .swiper-button-next:is(.dark *)::after{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.et-calendar .swiper-scrollbar-lock{
		display:none;
	}.et-calendar .swiper-button-disabled{
		display:none;
	}/* et-calendar *//*article detail*/.article-detail{
  width: 100%;
  font-size: 18px;
		font-weight:500; letter-spacing:1px; line-height:180%; text-align: justify;
}.article-detail table.ngns{
  margin: auto;
  width: 95%;
}.article-detail table thead tr {
		border-bottom: 2px solid black !important;
		background-color: transparent !important}.article-detail table thead tr:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1)) !important;
}.article-detail table th{
  font-size: 18px;
  font-weight: 700;
}.article-detail table td{
  font-size: 18px;
}.article-detail table th,
	.article-detail table td{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
		text-align: right;
}.article-detail table tr {
		border-bottom: 1px dotted #cccccc;
		background-color: transparent;
		transition: background-color 0.2s ease-in}.article-detail table tr:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1)) !important;
}.article-detail table tr:last-of-type {
		border-bottom: 0px;
	}.article-detail table tr:hover {
		background-color: #f3f3f3;
		transition: background-color 0.2s ease-out;
	}.article-detail table tr:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.article-detail .ngns{
  width: 100%;
  overflow-x: auto;
}article p {
		letter-spacing: 2px;
		line-height: 180%;
		text-align: justify;
		margin: 5px 0px;
		font-size: 19px;
	}/*article p a {
		text-decoration: underline;
	}*/.stocks article a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news article a{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures article a{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants article a{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf article a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares article a{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex article a{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin article a{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds article a{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf article a{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property article a{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle article a{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki article a{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction article a{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}article a,
	article p {
		word-break: break-all;
	}article .tag > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}article .tag {
		padding: 0vw 1vw;
		font-size: 15px;
	}article h1{
  font-size: 24px;
}@media (min-width: 1280px){article h1{
    font-size: 36px;
  }
}article h1 {
		line-height: 130%;
		font-weight: 500;
		margin: 0px;
		display: inline;
	}article span.fblike {
		display: inline-block;
	}article .credit > span {
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
		color: #808080;
		font-weight: normal;
		font-size: 12px;
		letter-spacing: 1px;
	}/* article .credit {
		margin: 0px 0px 10px 0px;
	} */article .func-wrapper{
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
  display: block;
  width: 100%;
  list-style-type: none;
  padding: 0px;
}article a.button, article a.button:hover{
		text-decoration:none;
	}article a.button:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a.button.hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a.button.hover:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a.button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.func-wrapper > li {
		display: inline-block;
		vertical-align: middle;
		font-size: 13px;
		font-weight: normal;
		cursor: pointer;
	}.func-wrapper .fb {
		background-image: url(/web_common/images/sns_fb.svg);
	}.func-wrapper .email {
		background-image: url(/web_common/images/sns_email.svg);
		margin-right: 20px;
	}.func-wrapper .func-icon {
		width: 28px;
		height: 28px;
		background-size: 100%;
		transition: all ease-in 0.1s;
		margin-right: 8px;
		display: inline-block;
		vertical-align: middle;
	}.related-stock-inline {
		font-size: 15px;
		line-height: 150%;
	}/*banner*//*data-box*/.data-box{
  border-width: 1px;
  padding: 10px;
}.data-box:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}/** footer **/footer{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#FooterDomain{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}#FooterDomain > div > a {
		font-size: 26px;
		font-weight: bold;
		padding: 10px 0px;
		color: #ffffff;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
	}#FooterProduct p {
		line-height: 100%;
		font-size: 12px;
		font-weight: normal;
		text-align: center;
		width: 100%;
		margin: 5px 0px;
		display: block;
	}#FooterProduct > div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		padding: 40px 0px;
	}#FooterProduct > div > div {
		flex: 0 0;
		padding: 0px 8px;
	}#FooterProduct > div > div:first-of-type {
		flex: 0 0 100%;
	}#FooterProduct > div > div > div {
		/*display: flex;
		flex-wrap: wrap;
		align-items: start;*/
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start}#FooterProduct > div > div > div > div,
	#FooterProduct > div > div > div > a,
	#FooterProduct > div > div > div > div > a {
		display: block;
		flex-grow: 0;
		margin: 0px 6px;
	}#FooterProduct #AppFamily img {
		height: 60px;
		box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.15);
		transition: box-shadow ease-in 0.1s;
		border-radius: 6px;
		overflow: hidden;
	}#FooterProduct #AppFamily img:hover {
		box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3);
		transition: box-shadow ease-out 0.2s;
	}#FooterProduct #AppFamily #AppFamilyHeader {
		white-space: nowrap;
		flex: 0 0 100%;
		margin-bottom: 10px;
		text-align: left;
	}#FooterProduct #AppFamily #AppFamilyHeader span {
		font-size: 22px;
		font-weight: normal;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}#FooterProduct #AppFamily #AppFamilyHeader img {
		display: inline-block;
		height: 22px;
		margin-right: 5px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		vertical-align: middle;
	}#FooterProduct #SNSFamilyHeader {
		flex: 0 0 100%;
		white-space: nowrap;
		font-size: 12px;
		margin: 20px 0px 10px 0px;
		font-weight: 500;
		display: block;
	}#FooterProduct #SNSFamily {
		margin-top: 20px;
	}#FooterProduct #SNSFamily > div {
		flex: 0 0 100%;
		display: flex;
		flex-wrap: nowrap;
	}#FooterProduct #SNSFamily a,
	#FooterProduct #SNSFamily div.Platform {
		margin-left: 0px;
		transition: box-shadow ease-in 0.1s;
	}#FooterProduct #SNSFamily a p:first-of-type {
		width: 65px;
		height: 60px;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		overflow: hidden;
		border-radius: 50%;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	}#FooterProduct #SNSFamily a:hover p:first-of-type {
		box-shadow: 0px 8px 10px -3px rgba(0, 0, 0, 0.15);
		transition: box-shadow ease-out 0.2s;
	}#FooterProduct #SNSFamily a p:last-of-type {
		text-align: center;
		letter-spacing: -1px;
		font-size: 12px;
	}#FooterProduct #SNSFamily img {
		height: 60px;
		display: block;
		margin: auto;
	}#FooterProduct #SNSFamily div.Platform {
		margin: 0px 6px;
		align-self: center;
	}#FooterProduct #SNSFamily div.Platform img {
		width: 30px;
		height: 30px;
		max-width: none;
	}#FooterContact {
		background-color: #e9e9e9;
	}#FooterContact a:hover{
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}#FooterContact > div,
	#FooterContact > div > div {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		padding: 6px 0px;
		flex: 0 0 100%;
	}#FooterContact > div > div > div,
	#FooterContact > div > div > a {
		font-size: 13px;
		flex: 0 0 100%;
		text-align: center;
	}#FooterContact #FooterContactItem > a {
		padding: 0px 10px;
		border-left: 1px solid #cccccc;
		display: block;
		flex: 0 0 auto;
	}#FooterContact #FooterContactItem > a:first-of-type {
		border-left: none;
	}#FooterDisclaimer > div {
		flex-wrap: wrap;
	}#FooterDisclaimer p {
		font-size: 11px;
		text-align: justify;
		line-height: 110%;
		font-weight: normal;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}#FooterAwards {
		background-color: #ffffff;
		text-align: center;
		padding-bottom: 10px;
	}#FooterAwards .container {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}#FooterAwards img {
		display: initial;
    	text-align: center;
	}#FooterAwards .MCA_8th img {
		width: 210px !important;
		padding: 10px 0 20px 0;
	}#FooterAwards .web_access img {
		width: 150px !important;
	}#FooterAwards .IFEC img {
		width: 230px !important;
	}#FooterAwards .HKEX_mkt_data img {
		width: 200px !important;
	}.mobile-menu-voting-title {
		font-size: 15px;
	}.mobile-menu-voting-result {
		text-align: right;
		color:white !important;
		font-size: 14px !important;
	}@media only screen and (min-width: 568px) {
		#FooterProduct > div {
			justify-content: center;
		}
		#FooterProduct > div > div {
			padding: 0px 25px;
		}
		#FooterProduct #AppFamily #AppFamilyHeader {
			text-align: center;
		}
		#FooterProduct #SNSFamily {
			justify-content: center;
		}
		#FooterProduct #SNSFamily > div {
			flex: 0 0 auto;
		}
		#FooterProduct #SNSFamily > #SNSFamilyHeader {
			flex: 0 0 100%;
			text-align: center;
			width: 100%;
			display: block;
		}
		#FooterProduct > div > div,
		#FooterProduct > div > div:first-of-type,
		#FooterProduct > div > div > div {
			flex: 0 0 100%;
			justify-content: center;
		}
		#FooterProduct > div > div > div {
			flex-wrap: wrap;
		}
		#FooterContact > div > div > div,
		#FooterContact > div > div > a {
			flex: 0 0 auto;
		}
		#FooterContact > div > div > div {
			/*margin: 0px 10px;*/
		}
		#FooterAwards  {
			padding: 30px 0;
		}
		#FooterAwards .container {
			display: ruby !important;
		}
		#FooterAwards .container .MCA_8th img {
			width: 220px !important;
			padding-bottom: 20px !important;
		}
		#FooterAwards .container .IFEC img {
			width: 250px !important;
			padding: 10px 0;
		}
		#FooterAwards .container .HKEX_mkt_data img {
			width: 230px !important;
		}
	}@media only screen and (min-width: 1024px) {
		#FooterSitemap > div > div {
			flex: 1 1 14%;
			padding: 10px 0px;
		}
		#FooterSitemap > div > div > a {
			display: block;
		}
		#FooterSitemap > div > div > a:hover {
			text-indent: 4%;
			transition: all ease-out 0.2s;
		}
		#FooterSitemap > div > div > a:first-of-type {
			padding: 2px 10px;
			border-left-style: solid;
			border-left-width: 2px;
			margin-bottom: 10px;
		}
		#FooterDisclaimer > div {
			padding: 30px 0px;
		}
	}@media only screen and (min-width: 1400px) {
		#FooterProduct > div {
			flex-wrap: nowrap;
		}
		#FooterProduct > div > div:first-of-type {
			border-right: 1px solid #e2e3e4;
		}
		#FooterProduct #SNSFamily {
			margin-top: 0px;
		}
		#FooterProduct #SNSFamily > #SNSFamilyHeader {
			flex: 0 0 auto;
			width: auto;
			display: flex;
			margin: 0px;
		}
		#FooterContact > div,
		#FooterContact > div > div {
			flex-wrap: nowrap;
			justify-content: space-between;
			flex: 0 0 auto;
		}
		#FooterProduct > div > div,
		#FooterProduct > div > div:first-of-type,
		#FooterProduct > div > div > div {
			flex: 0 0 auto;
		}
		#FooterProduct #AppFamily #AppFamilyHeader {
			flex: 0 0 auto;
			margin-bottom: 0px;
		}
	}#FooterDomain,
	#FooterContact {
		background-color: rgba(0, 0, 0, 0.9);
	}#FooterSitemap {
		background-color: rgba(15, 15, 15, 0.85);
	}#FooterProduct,
	#FooterDisclaimer {
		background-color: rgba(20, 20, 20, 0.9);
	}#FooterProduct #SNSFamilyHeader,
	#FooterDisclaimer p {
		color: #ffffff;
	}#FooterProduct > div > div:first-of-type {
		border-color: rgba(255, 255, 255, 0.2);
	}/** cross sell **/.cross-sell{
  margin-top: 0.5rem;
  display: none;
  border-width: 1px;
}.cross-sell:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 1024px){.cross-sell{
    display: flex;
    flex-direction: column;
  }
}.cross-sell .cross-sell-header{
  width: 100%;
  vertical-align: middle;
}.cross-sell-channel > div{
  box-sizing: content-box;
  cursor: pointer;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.cross-sell-type{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.cross-sell-type > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}.cross-sell-type > div{
  cursor: pointer;
  border-bottom-width: 1px;
  border-top-width: 4px;
  padding: 0.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}.cross-sell-type > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.cross-sell-type > div.selected{
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-top-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.cross-sell-type > div.selected:is(.dark *){
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.cross-sell .cross-sell-channel{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}.cross-sell .cross-sell-channel > div{
  border-radius: 0.375rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}.cross-sell .cross-sell-channel > div:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.cross-sell .cross-sell-channel > div.selected{
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.cross-sell .cross-sell-channel > div.selected:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.cross-sell ul.et-list li .content h4 a, .cross-sell ul.et-list li .content .cross-sell-item-title a, .line-clamp-2-mobile{
		display: -webkit-box;
  		-webkit-box-orient: vertical;
  		-webkit-line-clamp: 2;
  		overflow: hidden;
	}.line-clamp-4-mobile{
		display: -webkit-box;
  		-webkit-box-orient: vertical;
  		-webkit-line-clamp: 4;
  		overflow: hidden;
	}#cross-sell .options-button .btn {
		flex: 1 0;
		text-align: center;
		font-size: 0.9rem;
		font-weight: normal;
	}#cross-sell .options-button .btn.active {
		font-weight: 700;
	}/* ipo detail *//** end ipo-detail subcat listed **//* grey market end*/.card.today .remark{
  text-align: right;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.card.today .remark span.sortable,.card.today .remark a.sortable{
  justify-content: flex-end;
}.et-table table td.card.today .remark > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}.card.today .remark:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}a.arrow-link::after {
		content: "\3009";
		display: inline-block;
		font-weight: normal;
		padding-left: 0.2em;
		font-size: 0.8em;
	}.Expandable{
  position: relative;
  margin-bottom: 60px;
}@media (min-width: 768px){.Expandable{
    margin-bottom: 0px;
  }
}.Expandable .Container{
  max-height: 120px;
  overflow: hidden;
}.Expandable.show{
  margin-bottom: 0px;
}.Expandable.show .Container{
  max-height: 100%;
}.Expandable.show .ExpandableWrapper{
  display: none;
}.ExpandableWrapper{width:100%; height:120px; display:block; position:absolute; bottom:0px; left:0px;}/* .ExpandableFade {
		@apply w-full h-full bg-transparent;
	} */.ExpandableFade{
  height: 120px;
  width: 100%;
  --tw-shadow: 0 20px 20px -20px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 20px 20px -20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.ExpandableFade:is(.dark *){
  --tw-shadow-color: rgba(0,0,0,1);
  --tw-shadow: var(--tw-shadow-colored);
}/*
	.ExpandableFade{width:100%; height:140px; background:#FFF; background:-moz-linear-gradient(180deg, #FFF 0%, #FFF 100%); background:-webkit-linear-gradient(180deg, rgba(66,86,100,0) 0%, #FFF 100%); background:linear-gradient(180deg, rgba(66,86,100,0) 0%, #FFF 100%); -webkit-box-shadow:0px 40px 30px -30px rgba(0,0,0,0.4); box-shadow:0px 40px 30px -30px rgba(0,0,0,0.4);}
	*/.ExpandableLine{
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.ExpandableLine:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.ExpandableButton{
  position: relative;
  top: -30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 30px;
  width: 30px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 12px 10px -5px rgba(0,0,0,0.2);
  --tw-shadow-colored: 0 12px 10px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.stocks .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .ExpandableButton{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ExpandableButton:is(.dark *){
  --tw-shadow-color: rgba(0,0,0,1);
  --tw-shadow: var(--tw-shadow-colored);
}.ExpandableButton{
		transition:transform ease-in 0.2s;
	}.ExpandableButton::before{
  display: block;
  width: 22px;
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-content: url(/web_common/images/icons/arrow_right_dark.svg);
  content: var(--tw-content);
}.ExpandableText{
  font-weight: 400;
  position: relative;
  top: -30px;
  text-align: center;
  font-size: 11px;
}.stocks .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .ExpandableText{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.ExpandableInputTrigger{
  display: none;
}#ads-top-banner{
  margin-bottom: min(3vw,30px);
}.livebar-sticky #ads-top-banner{
  top: calc(32px + 74px);
}@media (min-width: 1024px){.livebar-sticky #ads-top-banner{
    top: calc(32px + 101px);
  }
}.label{
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(70 112 130 / var(--tw-bg-opacity, 1));
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.label.suspension{
  --tw-bg-opacity: 1;
  background-color: rgb(84 0 0 / var(--tw-bg-opacity, 1));
}.label.realtime{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.label.ashare-indicator{
  --tw-bg-opacity: 1;
  background-color: rgb(53 200 225 / var(--tw-bg-opacity, 1));
}.label.reminder{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}body.color-palette-a .label.up, body.color-palette-b .label.down{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
}body.color-palette-a .label.down, body.color-palette-b .label.up{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
}body.color-palette-a .label.down:is(.dark *), body.color-palette-b .label.up:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
}body.color-palette-a .label.up, body.color-palette-a .label.down,
	body.color-palette-b .label.up, body.color-palette-b .label.down{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-a .change-bar .up, body.color-palette-a .change-bar .unchange, body.color-palette-a .change-bar .novolume, body.color-palette-a .change-bar .down,
	body.color-palette-b .change-bar .up, body.color-palette-b .change-bar .unchange, body.color-palette-b .change-bar .novolume, body.color-palette-b .change-bar .down{
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body.color-palette-a .change-bar .novolume, body.color-palette-b .change-bar .novolume{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}body.color-palette-a .change-bar .unchange, body.color-palette-b .change-bar .unchange{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}body.color-palette-a .change-bar .up, body.color-palette-b .change-bar .down{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
}body.color-palette-a .change-bar .down, body.color-palette-b .change-bar .up{
  --tw-bg-opacity: 1;
  background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
}.highcharts-title{
		font-family:Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif
	}.highcharts-mask-vertical-bar{
  position: absolute;
  right: 0px;
  z-index: 10;
  height: 100%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.highcharts-mask-vertical-bar:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.btn-popup-info-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
}.btn-popup-info-wrapper > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}.btn-popup-info-wrapper{
  white-space: normal;
}.btn-popup-info-wrapper > div{
  align-self: center;
}label.popup-info-label:not(.custom-more-label){
  width: 14px;
		content: url('/web_common/images/buttons/btn-popupinfo.svg');
}label.popup-info-label:not(.custom-more-label):is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.et-table table td.text-right > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}/** popup info title **/.wallpaper.sticky{
  top: 101px;
}.livebar-sticky .wallpaper.sticky{
  top: calc(32px + 101px);
}/* category */.sub-cat-input:checked + .sub-cat-wrapper .dropdown-close{
  display: block;
}.sub-cat-input{
  display: none;
  opacity: 0;
}.sub-cat-wrapper .dropdown-close{
  display: none;
}.sub-cat-input:checked + .sub-cat-wrapper .dropdown-close{
  display: block;
}.sub-cat-input:checked ~ .dropdown-title:after {
		transform: rotate(180deg);
	}.sub-cat{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 10px;
}.sub-cat > div{
  align-self: center;
}.sub-cat-input:checked + .sub-cat-wrapper{
  margin: 0px;
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 90000;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: rgba(0,0,0,0.75);
}#mobile-menu .sub-cat-input:checked + .sub-cat-wrapper{
  opacity: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}#mobile-menu.active .sub-cat-input:checked + .sub-cat-wrapper{
  opacity: 1;
}.sub-cat-input:checked + .sub-cat-wrapper div.contentWrapper{
  z-index: 90001;
  margin: auto;
  height: auto;
  max-height: 80%;
  width: 80%;
  min-width: 336px;
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat{
  position: relative;
  display: grid;
  height: 100%;
  max-height: 24rem;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 0px;
  align-self: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a{
  margin: 0px;
  display: block;
  border-radius: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  padding: 1rem;
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat label.more{
  display: none;
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a.acitve{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a:last-child{
  display: none;
}.sub-cat-input:checked + .sub-cat-wrapper a:after{
  position: absolute;
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		top: 20px;
		right: 10px;
		content: "";
		transform: rotate(-45deg);
		box-shadow: 1px 1px;
		pointer-events: none;
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat{
  position: relative;
  display: grid;
  height: 100%;
  max-width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a{
  position: relative;
  z-index: 90001;
  padding: 1rem;
  font-weight: 700;
}.stocks .sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.stocks .sub-cat-input:checked + .sub-cat-wrapper div.sub-cat a.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.sub-cat a, .sub-cat label{
  margin-right: 0.25rem;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}.sub-cat a:is(.dark *), .sub-cat label:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.sub-cat a, .sub-cat label{
    margin-right: 0.5rem;
    flex-wrap: wrap;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}.sub-cat a, .sub-cat label {
		transition: background-color 0.2s ease-in;
	}.sub-cat a h2.sub-cat-item, .sub-cat h2.sub-cat-item{
  font-size: 14px;
}@media (min-width: 768px){.sub-cat a h2.sub-cat-item, .sub-cat h2.sub-cat-item{
    font-size: 15px;
  }
}.sub-cat a.detail{
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}.option-other-dropdown{
  display: flex;
  align-items: stretch;
}.option-other-dropdown.active>label, .option-other-dropdown.active>select{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .option-other-dropdown.active>label,.stocks  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .option-other-dropdown.active>label,.news  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .option-other-dropdown.active>label,.futures  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .option-other-dropdown.active>label,.warrants  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .option-other-dropdown.active>label,.etf  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .option-other-dropdown.active>label,.ashares  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .option-other-dropdown.active>label,.forex  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .option-other-dropdown.active>label,.bitcoin  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .option-other-dropdown.active>label,.funds  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .option-other-dropdown.active>label,.mpf  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .option-other-dropdown.active>label,.property  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .option-other-dropdown.active>label,.lifestyle  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .option-other-dropdown.active>label,.wiki  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .option-other-dropdown.active>label,.attraction  .option-other-dropdown.active>select{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.sub-cat select.detail,  .option-other-dropdown>select{
  height: 31px;
  max-width: 170px;
  flex-grow: 1;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}@media (min-width: 768px){.sub-cat select.detail,  .option-other-dropdown>select{
    height: 32.5px;
    max-width: 350px;
  }
}@media (min-width: 1024px){.sub-cat select.detail,  .option-other-dropdown>select{
    max-width: 300px;
  }
}@media (min-width: 1280px){.sub-cat select.detail,  .option-other-dropdown>select{
    max-width: 350px;
  }
}.option-other-dropdown>label{
  margin-right: 0px;
  flex-shrink: 0;
  cursor: pointer;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-width: 1px;
  border-right-width: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}.option-other-dropdown>label:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.option-other-dropdown>label{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}.sub-cat a.detail ~ select,  .option-other-dropdown>select{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0px;
}.sub-cat a.detail ~ select:is(.dark *),  .option-other-dropdown>select:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.sub-cat a:hover {
		opacity: 1;
		transition: background-color 0.2s ease-out;
	}.sub-cat a:nth-child(n + 4){
  display: none;
}@media (min-width: 768px){.sub-cat a:nth-child(n + 4){
    display: block;
  }
}.sub-cat.display-all a:nth-child(n + 4){
  display: flex;
}.sub-cat label.more{
  display: block;
}@media (min-width: 768px){.sub-cat label.more{
    display: none;
  }
}.sub-cat-wrapper.dropdown-content .ads-container-wrapper{
  display: none;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: min(3vw,30px);
  padding-bottom: min(3vw,30px);
}.sub-cat-wrapper.dropdown-content .ads-container-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.sub-cat-input:checked + .sub-cat-wrapper.dropdown-content .ads-container-wrapper{
  display: flex;
}@media (min-width: 768px){.sub-cat-input:checked + .sub-cat-wrapper.dropdown-content .ads-container-wrapper{
    display: none;
  }
}.sub-cat-input:not(:checked) + .sub-cat-wrapper.dropdown-content .ads-container-wrapper{
  display: none;
}.sub-cat label.popup-btn::after{
  position: relative;
  margin-left: 5px;
  display: inline-block;
  height: 20px;
  width: 20px;
  align-self: center;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.sub-cat label.popup-btn:is(.dark *)::after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.sub-cat label.popup-btn::after {
		filter: invert(96%) sepia(4%) saturate(336%) hue-rotate(178deg)
			brightness(90%) contrast(90%);
		content: url(/web_common/images/buttons/btn-dropdown.svg);
		pointer-events: none;
	}.stocks .sub-cat a.active,
	.stocks .sub-cat a:hover,
	.stocks .sub-cat label.active,
	.stocks .sub-cat label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/* logo or icon*/.voting-form{
  margin-top: min(3vw,30px);
}.voting-title{
  font-weight: 700;
}.voting-form-options{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}.voting-form-options label{
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  width: auto;
  max-width: 130px;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 1rem;
  line-height: 1.25;
}.voting-form-options label:last-of-type{
  margin-right: 0px;
}.voting-form-options input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.voting-form-options input, .voting-submit input{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
}.voting-submit{
  margin-top: min(3vw,30px);
  display: flex;
  flex-wrap: wrap;
}.voting-submit label{
  margin-right: 10px;
}.voting-recaptcha{
  margin-top: 10px;
}.voting-result-option{
  margin-bottom: 10px;
  display: flex;
}.voting-result-option > .voting-option{
  display: flex;
  align-items: center;
  gap: 10px;
}.voting-result-option > .voting-result{
  width: 100%;
}.voting-result .option-name{
  display: flex;
}.voting-result .option-name .option-percentage{
  margin-left: auto;
}.option-value{
  height: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}.option-value:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.new-bubble{
  margin-left: 0.25rem;
  display: inline-block;
  height: 16px;
  width: 30px;
  background-image: url(/web_common/images/icons/new.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
}.popular-bubble{
  margin-left: 0.25rem;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  --tw-content: url(/web_common/images/icons/popular.svg);
  content: var(--tw-content);
}.favorite-bubble{
  margin-left: 0.25rem;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  --tw-content: url(/web_common/images/icons/favorite.svg);
  content: var(--tw-content);
}.bookmark-bubble{
  margin-left: 0.25rem;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  --tw-content: url(/web_common/images/icons/bookmark.svg);
  content: var(--tw-content);
}.comment-bubble{
  margin-left: 0.25rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
}.comment-bubble span{
  margin-right: 0.25rem;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  --tw-content: url(/web_common/images/icons/comment.svg);
  content: var(--tw-content);
}.sparklinePlotLines{
  stroke: #000000;
}.sparklinePlotLines:is(.dark *){
  stroke: #FFFFFF;
}.highcharts-container a tspan, .highcharts-container a:active tspan, .highcharts-container a:visited tspan{
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
}.stocks .highcharts-container a tspan,.stocks  .highcharts-container a:active tspan,.stocks  .highcharts-container a:visited tspan{
  fill: #00a1bd;
}.news .highcharts-container a tspan,.news  .highcharts-container a:active tspan,.news  .highcharts-container a:visited tspan{
  fill: #c91316;
}.futures .highcharts-container a tspan,.futures  .highcharts-container a:active tspan,.futures  .highcharts-container a:visited tspan{
  fill: #ff6600;
}.warrants .highcharts-container a tspan,.warrants  .highcharts-container a:active tspan,.warrants  .highcharts-container a:visited tspan{
  fill: #ff6600;
}.etf .highcharts-container a tspan,.etf  .highcharts-container a:active tspan,.etf  .highcharts-container a:visited tspan{
  fill: #00a1bd;
}.ashares .highcharts-container a tspan,.ashares  .highcharts-container a:active tspan,.ashares  .highcharts-container a:visited tspan{
  fill: #00a1bd;
}.forex .highcharts-container a tspan,.forex  .highcharts-container a:active tspan,.forex  .highcharts-container a:visited tspan{
  fill: #9254c6;
}.bitcoin .highcharts-container a tspan,.bitcoin  .highcharts-container a:active tspan,.bitcoin  .highcharts-container a:visited tspan{
  fill: #9254c6;
}.funds .highcharts-container a tspan,.funds  .highcharts-container a:active tspan,.funds  .highcharts-container a:visited tspan{
  fill: #dab401;
}.mpf .highcharts-container a tspan,.mpf  .highcharts-container a:active tspan,.mpf  .highcharts-container a:visited tspan{
  fill: #569900;
}.property .highcharts-container a tspan,.property  .highcharts-container a:active tspan,.property  .highcharts-container a:visited tspan{
  fill: #1a5a90;
}.lifestyle .highcharts-container a tspan,.lifestyle  .highcharts-container a:active tspan,.lifestyle  .highcharts-container a:visited tspan{
  fill: #22bdbd;
}.wiki .highcharts-container a tspan,.wiki  .highcharts-container a:active tspan,.wiki  .highcharts-container a:visited tspan{
  fill: #9795f0;
}.attraction .highcharts-container a tspan,.attraction  .highcharts-container a:active tspan,.attraction  .highcharts-container a:visited tspan{
  fill: #df6436;
}.article-prev-next-buttons{
  margin-top: min(3vw,30px);
  display: grid;
  grid-auto-flow: row;
  border-top-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-top-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  padding-top: min(3vw,30px);
  font-size: 18px;
}@media (min-width: 768px){.article-prev-next-buttons{
    grid-auto-flow: column;
  }
}@media (min-width: 1024px){.article-prev-next-buttons{
    grid-auto-flow: row;
  }
}@media (min-width: 1280px){.article-prev-next-buttons{
    grid-auto-flow: column;
  }
}.article-prev-next-buttons > div a{
  display: flex;
}.article-prev-next-buttons > div.prev::after, .article-prev-next-buttons > div.prev::before, .article-prev-next-buttons > div.next::after{
  pointer-events: none;
  position: absolute;
  display: block;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.stocks .article-prev-next-buttons > div.prev:hover::after,.stocks  .article-prev-next-buttons > div.prev:hover::before,.stocks  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .article-prev-next-buttons > div.prev:hover::after,.news  .article-prev-next-buttons > div.prev:hover::before,.news  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .article-prev-next-buttons > div.prev:hover::after,.futures  .article-prev-next-buttons > div.prev:hover::before,.futures  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .article-prev-next-buttons > div.prev:hover::after,.warrants  .article-prev-next-buttons > div.prev:hover::before,.warrants  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .article-prev-next-buttons > div.prev:hover::after,.etf  .article-prev-next-buttons > div.prev:hover::before,.etf  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .article-prev-next-buttons > div.prev:hover::after,.ashares  .article-prev-next-buttons > div.prev:hover::before,.ashares  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .article-prev-next-buttons > div.prev:hover::after,.forex  .article-prev-next-buttons > div.prev:hover::before,.forex  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .article-prev-next-buttons > div.prev:hover::after,.bitcoin  .article-prev-next-buttons > div.prev:hover::before,.bitcoin  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .article-prev-next-buttons > div.prev:hover::after,.funds  .article-prev-next-buttons > div.prev:hover::before,.funds  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .article-prev-next-buttons > div.prev:hover::after,.mpf  .article-prev-next-buttons > div.prev:hover::before,.mpf  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .article-prev-next-buttons > div.prev:hover::after,.property  .article-prev-next-buttons > div.prev:hover::before,.property  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .article-prev-next-buttons > div.prev:hover::after,.lifestyle  .article-prev-next-buttons > div.prev:hover::before,.lifestyle  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .article-prev-next-buttons > div.prev:hover::after,.wiki  .article-prev-next-buttons > div.prev:hover::before,.wiki  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .article-prev-next-buttons > div.prev:hover::after,.attraction  .article-prev-next-buttons > div.prev:hover::before,.attraction  .article-prev-next-buttons > div.next:hover::after{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.article-prev-next-buttons > div.prev a::before{
  margin-right: 0px;
  margin-left: -0px;
  --tw-content: "";
  content: var(--tw-content);
}@media (min-width: 768px){.article-prev-next-buttons > div.prev a::before{
    margin-right: 10px;
    margin-left: -10px;
    --tw-content: "〈";
    content: var(--tw-content);
  }
}@media (min-width: 1024px){.article-prev-next-buttons > div.prev a::before{
    margin-right: 0px;
    margin-left: -0px;
    --tw-content: "";
    content: var(--tw-content);
  }
}@media (min-width: 1280px){.article-prev-next-buttons > div.prev a::before{
    margin-right: 10px;
    margin-left: -10px;
    --tw-content: "〈";
    content: var(--tw-content);
  }
}.article-prev-next-buttons > div.next{
  justify-self: start;
}@media (min-width: 768px){.article-prev-next-buttons > div.next{
    justify-self: end;
  }
}@media (min-width: 1024px){.article-prev-next-buttons > div.next{
    justify-self: start;
  }
}@media (min-width: 1280px){.article-prev-next-buttons > div.next{
    justify-self: end;
  }
}.article-prev-next-buttons > div.prev a::after{
  margin-left: 10px;
  --tw-content: "〉";
  content: var(--tw-content);
}@media (min-width: 768px){.article-prev-next-buttons > div.prev a::after{
    margin-left: 0px;
    --tw-content: "";
    content: var(--tw-content);
  }
}@media (min-width: 1024px){.article-prev-next-buttons > div.prev a::after{
    margin-left: 10px;
    --tw-content: "〉";
    content: var(--tw-content);
  }
}@media (min-width: 1280px){@media (min-width: 768px){.article-prev-next-buttons > div.prev a::after{
      --tw-content: "";
      content: var(--tw-content);
    }
  }.article-prev-next-buttons > div.prev a::after{
    margin-left: 0px;
  }
}.article-prev-next-buttons > div.next a::after{
  margin-left: 10px;
  --tw-content: "〉";
  content: var(--tw-content);
}@media (min-width: 768px){.article-prev-next-buttons > div.next a::after{
    margin-right: -10px;
  }
}@media (min-width: 1024px){.article-prev-next-buttons > div.next a::after{
    margin-right: -0px;
  }
}@media (min-width: 1280px){.article-prev-next-buttons > div.next a::after{
    margin-right: -10px;
  }
}.article-prev-next-buttons > div:hover{
  cursor: pointer;
}.stocks .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .article-prev-next-buttons > div:hover{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.article-prev-next-buttons > div span{
  display: flex;
}.article-prev-next-buttons > div span::before{
  --tw-content: '：';
  content: var(--tw-content);
}.inputtext-dropdown{
  position: relative;
  display: flex;
  flex-grow: 1;
}.inputtext-dropdown > input{
  position: absolute;
  top: 3px;
  left: 8px;
  z-index: 20;
  height: 25px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}.inputtext-dropdown > select{
  display: flex;
  flex-grow: 1;
}.inputswitch-radio{
  display: flex;
  flex-direction: row;
}.inputswitch-radio input[type=radio]{
  display: flex;
  height: 32px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
}.inputswitch-radio input[type=radio]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.inputswitch-radio input[type=radio]:nth-child(n+1){
  border-left-width: 1px;
}.inputswitch-radio input[type=radio]:nth-child(n+1):is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.inputswitch-radio input[type=radio]:first-of-type{
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-left-width: 1px;
}.inputswitch-radio input[type=radio]:first-of-type:is(.dark *){
  border-width: 0px;
}.inputswitch-radio input[type=radio]:last-of-type, .inputswitch-radio input[type=radio].last-of-type{
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right-width: 1px;
}.inputswitch-radio input[type=radio]:last-of-type:is(.dark *), .inputswitch-radio input[type=radio].last-of-type:is(.dark *){
  border-width: 0px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-left-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}.inputswitch-radio input[type=radio]::after{
  font-size: 13px;
  --tw-content: attr(data-label);
  content: var(--tw-content);
}.stocks .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .inputswitch-radio input[type=radio]:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.inputswitch-radio input[type=radio]:checked::after{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.inputswitch-radio.disabled{
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.inputswitch-radio.disabled:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}.inputswitch-radio.disabled input[type=radio], .inputswitch-radio.disabled input[type=radio]:checked{
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.inputswitch-radio.disabled input[type=radio]:is(.dark *), .inputswitch-radio.disabled input[type=radio]:checked:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.inputswitch-radio.disabled input[type=radio]::after, .inputswitch-radio.disabled input[type=radio]:checked::after{
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}.inputswitch-radio.disabled input[type=radio]:is(.dark *)::after, .inputswitch-radio.disabled input[type=radio]:checked:is(.dark *)::after{
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}.inputsearch-wrapper{
  position: relative;
}.inputsearch-wrapper:after{
  position: absolute;
  top: 0.25rem;
  right: 10px;
  height: 25px;
  width: 25px;
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.inputsearch-wrapper:is(.dark *):after{
  --tw-content: url('/web_common/images/buttons/btn-search-white.svg');
  content: var(--tw-content);
}.search-popup-box .inputsearch-wrapper:is(.dark *):after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.menu-panel-wrapper.sticky-menu .search-panel .search-popup-box.laptop .inputsearch-wrapper:is(.dark *):after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.menu-panel .inputsearch-wrapper:after,
	.desktop-header .inputsearch-wrapper:after{
  height: 25px;
  width: 25px;
}@media (min-width: 1024px){.search-panel .mobile.inputsearch-wrapper:after{
    display: none;
  }
}.search-panel .btn-search-wrapper .inputsearch-wrapper:is(.dark *):after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.mobile.inputsearch-wrapper:after, .search-popup .search-popup-box .inputsearch-wrapper:after{
  height: 20px;
  width: 20px;
}.default-popup-panel .default-popup-content .checkbox-dropdown-wrapper{
		padding-top:0;
	}.checkbox-dropdown-wrapper{
		padding-top:0.4rem;
		font-size: 13px;
		position: relative;
		cursor: pointer;
		border-width: 1px;
		outline: 2px solid transparent;
		outline-offset: 2px}.checkbox-dropdown-wrapper:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.checkbox-dropdown-wrapper{
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
}.checkbox-dropdown-wrapper > input[type='checkbox']{
  display: none;
}.checkbox-dropdown-wrapper label.checkbox-dropdown{
		-webkit-user-select: none;
		   -moz-user-select: none;
		        user-select: none;
		padding: 0rem 3.3rem 0rem 0.5rem;
		background-image: linear-gradient(to top right, transparent 50%, gray 50%),
			linear-gradient(to bottom right, gray 50%, transparent 50%),
			linear-gradient(to right, #ccc, #ccc);
		background-position: calc(100% - 20px) calc(0.7em + 2px),
			calc(100% - 15px) calc(0.7em + 2px), calc(100% - 3em) 0.4em;
		background-size: 5px 8px, 5px 8px, 1px 1.5em;
		background-repeat: no-repeat;
		display: flex;
		height: 100%;
		align-items: center}.checkbox-dropdown-wrapper .checkbox-dropdown-options{
  pointer-events: none;
  position: absolute;
  top: 96%;
  right: -1px;
  z-index: 90000;
  display: flex;
  max-height: 300px;
  flex-direction: column;
  gap: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(119 117 117 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px;
  opacity: 0;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.checkbox-dropdown-wrapper .checkbox-dropdown-options{
    max-height: 400px;
  }
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .checkbox-dropdown-scroll{
  overflow-y: scroll;
}/** ios scroll fix**/.checkbox-dropdown-wrapper .checkbox-dropdown-options, .checkbox-dropdown-wrapper .checkbox-dropdown-options * {
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
    	-webkit-perspective: 1000;
	}.checkbox-dropdown-wrapper > input[type='checkbox']:checked + .checkbox-dropdown + .checkbox-dropdown-options {
		pointer-events: auto; /* make sure that the user still can select checkboxes */ opacity: 1}@media (min-width: 768px){.checkbox-dropdown-wrapper > input[type='checkbox']:checked + .checkbox-dropdown + .checkbox-dropdown-options{
    min-width: 700px;
  }
}@media (min-width: 1280px){.checkbox-dropdown-wrapper > input[type='checkbox']:checked + .checkbox-dropdown + .checkbox-dropdown-options{
    min-width: -moz-max-content;
    min-width: max-content;
  }
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option > label{
  display: inline-flex;
  align-items: center;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option > label span{
  margin-left: 10px;
  display: inline-block;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger{
		width:30px;
		height:14px;
		position: relative;
		margin-left: 10px;
		display: inline-block;
		cursor: pointer;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:is(.dark *){
  background-color: transparent;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger::after{
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 9px solid grey;
		width:1px;
		height:14px;
		top:3px;
		position: absolute;
		left: 30%;
		cursor: pointer;
		--tw-content: '';
		content: var(--tw-content)}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:checked::after{
		border-top: 0px;
		border-bottom: 9px solid grey;
		top:-1px;
	}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:not(:checked) + .sub-options{
  display: none;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:checked + .sub-options{
  display: grid;
  -moz-column-gap: min(3vw,30px);
       column-gap: min(3vw,30px);
  row-gap: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
  padding-top: 10px;
  padding-bottom: 10px;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:checked + .sub-options:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.checkbox-dropdown-wrapper .checkbox-dropdown-options .primary-option .sub-option-collapse-trigger:checked + .sub-options{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .sub-options > label{
  display: inline-flex;
  align-items: center;
}.checkbox-dropdown-wrapper .checkbox-dropdown-options .sub-options > label span{
  margin-left: 10px;
  display: inline-block;
}/*** top summary swiper default container ***/.summary-swiper-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}.summary-swiper-container > div{
  align-self: center;
}.stocks .summary-swiper-container .swiper-button-prev,.stocks 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .summary-swiper-container .swiper-button-prev,.news 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .summary-swiper-container .swiper-button-prev,.futures 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .summary-swiper-container .swiper-button-prev,.warrants 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .summary-swiper-container .swiper-button-prev,.etf 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .summary-swiper-container .swiper-button-prev,.ashares 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .summary-swiper-container .swiper-button-prev,.forex 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .summary-swiper-container .swiper-button-prev,.bitcoin 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .summary-swiper-container .swiper-button-prev,.funds 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .summary-swiper-container .swiper-button-prev,.mpf 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .summary-swiper-container .swiper-button-prev,.property 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .summary-swiper-container .swiper-button-prev,.lifestyle 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .summary-swiper-container .swiper-button-prev,.wiki 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .summary-swiper-container .swiper-button-prev,.attraction 
	.summary-swiper-container .swiper-button-next{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}@media (min-width: 1280px){.summary-swiper-container .swiper-button-prev,
	.summary-swiper-container .swiper-button-next{
    display: none;
  }
}.summary-swiper-container .swiper-button-prev::after {
		content: "〈";
		position: absolute;
		right: 20px}.summary-swiper-container .swiper-button-next::after {
		content: "〉";
		position: absolute;
		left: 20px}.summary-swiper-container .swiper-button-prev::after,
	.summary-swiper-container .swiper-button-next::after{
  font-size: 1.875rem;
  line-height: 2.25rem;
}@media (min-width: 768px){.summary-swiper-container .swiper-button-prev::after,
	.summary-swiper-container .swiper-button-next::after{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}.swiper-pagination{
  position: relative;
  bottom: 0px !important;
  margin-top: 20px;
  line-height: 1;
}.summary{
  width: 95%;
}@media (min-width: 1024px){.summary{
    width: 100%;
  }
}.summary-swiper-container .swiper-slide{
  height: 265px;
}.custom-swiper-button.prev::before {
		content: "〈"; font-size:36px; cursor:pointer; line-height: 1}.stocks .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .custom-swiper-button.prev::before{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.custom-swiper-button.next::after{
		content: "〉"; font-size:36px; cursor:pointer; line-height: 1}.stocks .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.news .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
}.futures .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.warrants .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.etf .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.ashares .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.forex .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.bitcoin .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
}.funds .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
}.mpf .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
}.property .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
}.lifestyle .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
}.wiki .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}.attraction .custom-swiper-button.next::after{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}/* Works on Firefox *//* Track *//* Handle *//* Handle on hover */.accordion-bottom .accordion-input-trigger{
  display: none;
}.accordion-bottom .accordion-input-trigger:checked + div{
  height: auto;
  overflow-y: auto;
}.accordion-bottom.accordion-stack > .accordion-input-trigger:checked + div .accordion-stack-item, .accordion-bottom.accordion-stack > .accordion-input-trigger:checked + div + div .accordion-stack-item{
  height: auto;
  overflow-y: auto;
}.accordion-bottom .accordion-trigger{
  margin-top: 10px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}@media (min-width: 1280px){.accordion-bottom .accordion-trigger{
    display: none;
  }
}.accordion-bottom .accordion-trigger.accordion-stack{
  margin-top: 10px;
  display: none;
  width: 100%;
  justify-content: center;
}@media (min-width: 1280px){.accordion-bottom .accordion-trigger.accordion-stack{
    display: inline-flex;
  }
}.accordion-bottom .accordion-trigger:after{
  margin-left: 10px;
  height: 0.75rem;
  width: 0.75rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		content: "";
		transform-origin: 75% 75%;
		transform: rotate(45deg);
		box-shadow: 2px 2px;
		pointer-events: none;
}.accordion-bottom .accordion-input-trigger:checked ~ .accordion-trigger:after{
		transform: rotate(225deg);
	}.dropdown input#sub-cat-input:checked + .sub-cat-wrapper.dropdown-content .contentWrapper #sub-cat .hidden-in-more-popup{
  display: none !important;
}/*donutchart*/.donutchart {
        position: relative;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        background-color: #ccc;

    }.donutchart::after {
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        background: white;
        transform: translate(-50%, -50%);
        content: '';
        width: calc(100px/1.15);
        height: calc(100px/1.15)}.donutchart:is(.dark *)::after{
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.donutchart-text{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }.donutchart-text .title{
        font-size:13px;
        font-weight:500;
        line-height:1.5;
    }.donutchart-text .percentchg{
        font-size:16px;
        font-weight:400;
    }.sub-section-border{
  margin-top: 30px;
  border-top-width: 1px;
  padding-top: 30px;
}@media (min-width: 1280px){.sub-section-border{
    margin-top: 0px;
    border-top-width: 0px;
    padding-top: 0px;
  }
}.supplement-popup-panel .supplement{
        aspect-ratio: 4 / 3;
        position: relative}.supplement-popup-panel .supplement.news-supplement{
        background-size: 100% 100%;
    }.supplement-popup-panel .supplement .content{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 10px;
}.supplement-popup-panel .supplement .content .news-item{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px;
  opacity: 0.75;
}.supplement-popup-panel .supplement .content .news-item:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.supplement-popup-panel .supplement .title{
  display: inline-block;
  width: auto;
  padding: 10px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.supplement-popup-panel .supplement .title h3{
  font-size: 19px;
  font-weight: 400;
}.supplement-popup-panel .supplement .news-item{
  position: relative;
}.supplement-popup-panel .supplement .news-item a{
  display: inline-block;
  height: 70px;
  width: 90%;
}.supplement-popup-panel .supplement .news-item h3{
  font-size: 19px;
  line-height: 1.5rem;
}.supplement-popup-panel  .supplement .news-item .arrow-right::after {
        width:40px;
        top: 20%;
        right: 0px}.default-popup-panel > input#hot-panel-control + .default-popup-content{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.default-popup-panel > input#hot-panel-control + .default-popup-content .contentWrapper{
  width: 0px;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper{
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px;
  height: 100vh;
  width: calc(100vw - 48px);
  min-width: 0px;
}@media (min-width: 768px){.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper{
    width: 400px;
  }
}/*.default-popup-panel > input#hot-panel-control + .default-popup-content .contentWrapper .default-popup-close{
        background:rgba(0,0,0,.75);
        @apply m-0 absolute left-[-40px] top-0 w-[40px] flex items-center justify-center h-[100vh]
    }

    .default-popup-panel > input#hot-panel-control + .default-popup-content .contentWrapper .default-popup-close::after{
        @apply absolute -translate-y-2/4 w-1.5 h-[10%] max-h-[100px] bg-gray-100 cursor-pointer rounded-[200px] left-3 top-2/4 content-[''] invert-0
    }*/.default-popup-panel > input#hot-panel-control + .default-popup-content .contentWrapper .default-popup-close{
  position: absolute;
  top: 0px;
  left: -48px;
  right: auto;
  height: 48px;
  width: 48px;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .detail{
  margin-bottom: 0px;
  height: 100vh;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .detail:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell{
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
  display: block;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell-type>div{
  padding: 0.7rem;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .cross-sell-channel>div{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .options-button>div>div{
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .swiper{
  height: 59vh;
  width: 100%;
  padding-left: 10px;
  padding-right: 15px;
}@media (min-width: 1024px){.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .swiper{
    height: 47vh;
  }
}@media (min-width: 1280px){.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .swiper{
    height: 55vh;
  }
}@media (min-width: 1600px){.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .swiper{
    height: 60vh;
  }
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper #cross-sell .options-button .btn{
  flex: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
}.default-popup-panel > input#hot-panel-control:checked + .default-popup-content .contentWrapper .cross-sell .et-list li > .content{
  line-height: 1.25rem;
}.cross-sell .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar{
  width: 6px;
}.button.reply:hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.button.reply:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#desktop-menu .section-group a, footer .section-group a{
  display: inline-block;
}#desktop-menu .section-group{
  overflow-x: hidden;
}@media (min-width: 1024px){#desktop-menu .section-group{
    height: 50vh;
  }
}@media (min-width: 1600px){#desktop-menu .section-group{
    height: 70vh;
  }
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper{
  margin-left: 0px;
  margin-right: 0px;
  width: 100vw;
}@media (min-width: 768px){.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper{
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
  }
}@media (min-width: 1600px){.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper{
    width: 70vw;
  }
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .detail{
  padding-left: 0px;
  padding-right: 0px;
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .title{
        font-family: 'Noto Sans HK', sans-serif;
        font-weight: 100;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: min(3vw,30px);
        padding-right: min(3vw,30px);
        font-size: 33px;
        line-height: 1}@media (min-width: 1280px){.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .title{
    font-size: 39px;
  }
}.default-popup-panel .contentWrapper.voting .title, .default-popup-panel .contentWrapper.cross-promo .title, .default-popup-panel .contentWrapper.attraction .title{
  padding-top: 0px !important;
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.attraction .content, .default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.voting .content, .default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content{
  padding-bottom: 0px !important;
}.default-popup-panel .default-popup-content .contentWrapper .content #promo_content_container {
		container-type: inline-size;
		container-name: promo_content_container;
		display: block;
	}.default-popup-panel .default-popup-content .contentWrapper .content #promo_content_container .section-card {
		padding-right:30px;
	}.default-popup-panel .default-popup-content .contentWrapper .content #promo_content_container .event-info-container {
		font-size: 15px;
	}#promo_content_container .breadcrumb{
  font-size: 13px;
  font-weight: 700;
}#promo_content_container .popup-article .section-card .content {
		padding: 0 !important;
	}#promo_content_container .popup-article .section-card .news-item {
		font-size: 15px !important;
	}@container promo_content_container (min-width: 360px) {
		.popup-article .section-card{
			width: 396px !important;
			padding-right: 0px !important;
		}
		.popup-article .section-card .thumbnail img{
			height: 200px !important;
		}
		.section-card:nth-child(2).section-card, .section-card:nth-child(3).section-card {
			display: none !important;
		}
		.event-card {
			width: 100% !important;
			padding-left: 0px !important;
		}
		.event-card .thumbnail {
			width: 45%;
		}
		.event-card .event-info {
			margin: 0 5px	!important;
		}
		.event-card:nth-child(2).event-card {
			display: none !important;
		}
		.event-card .event-info {
			height: 300px !important;
		}
		.voting-items:nth-child(1).voting-items {
			display: none !important;
		}
	}@container promo_content_container (min-width: 800px) {
		.section-card:nth-child(2).section-card {
			display: block !important;
		}
		.popup-article .section-card{
			padding-right: 30px !important;
		}
		#voting_section {
			width: 100% !important;
		}
		.voting-items:nth-child(1).voting-items {
			display: flex !important;
		}
		.event-card:nth-child(2).event-card {
			display: flex !important;
		}
		.event-card .thumbnail {
			width: 60%;
		}
		.event-card .thumbnail-info {
			height: unset;
		}
		.event-card .event-info {
			height: unset;
			margin: 0 30px	!important;
		}
	}@container promo_content_container (min-width: 1200px) {
		.section-card:nth-child(3).section-card {
			display: block !important;
		}
		.event-card {
			width: 50% !important;
		}
		.event-card .thumbnail {
			height: 300px;
		}
		.event-card .thumbnail-info {
			height: unset;
		}
		.event-card .event-info {
			height: unset;
		}
	}/* Event */.event-card{
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.event-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.event-card a.event-card-click-layer{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  height: 100%;
  width: 100%;
}.event-content{
  position: relative;
}.event-content a{
  position: relative;
  z-index: 10;
}.event-card .thumbnail{
		aspect-ratio: 4 / 5;
		position: relative;
		z-index: -1;
		overflow: hidden}.event-card .thumbnail:is(.dark *){
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.event-card .thumbnail img{
  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));
  -o-object-fit: cover;
     object-fit: cover;
}.event-card .thumbnail img.thumbnail-overlay{
  height: 100%;
  --tw-blur: blur(8px);
  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);
}.event-card .portrait .thumbnail img.thumbnail-main{
  height: 100%;
}.event-card .landscape .thumbnail img.thumbnail-main{
  height: auto;
}.event-info{
  position: relative;
  left: 0px;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: -25%;
  display: flex;
  height: 305px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px;
  line-height: 1;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.event-info:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.event-info .event-info-container{
  display: flex;
  flex-direction: column;
  gap: 10px;
  line-height: 1;
}@media (min-width: 1600px){.event-swiper .event-card .event-content .event-info{
    margin-left: 15px;
    margin-right: 15px;
  }
}.event-card .event-title{
		font-size:17px; line-height:1.3;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		width: 100%;
		overflow: hidden}.event-card .event-rating-share{
  position: relative;
  display: flex;
  justify-content: space-between;
}.event-card .event-rating-share .item-share-panel-container{
  z-index: 10;
}.event-card .calendar-label{
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  display: flex;
  min-width: 70px;
  flex-direction: column;
  justify-content: center;
  border-width: 1px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.event-card .calendar-label:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.event-card .calendar-label .event-date{
  display: block;
  text-align: center;
}.event-card .calendar-label .event-date-weekname{
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}.event-card .calendar-label .event-date::before{
  --tw-content: none;
  content: var(--tw-content);
}.event-tags{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}.event-tags > div{
  align-self: center;
}.event-tags a, .event-tags .event-tag{
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.event-location, .event-contact, .event-info .event-info-container .event-offer-price{
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}.event-location > div, .event-contact > div, .event-info .event-info-container .event-offer-price > div{
  align-self: center;
}.event-info .event-info-container .event-offer-price::before{
		content:url('/web_common/images/icons/event/offer-price.svg');
		display: block;
		height: 20px;
		width: 20px}.event-info .event-info-container .rating {
		display: flex;
		border: 0;
		align-items: center;
	}.event-info .event-info-container .rating .rating-stars {
		display: inline-block;
	}.event-info .event-info-container .rating .rating-stars .star {
		font-size: 16px; /* Adjust size as needed */
		color: gray; /* Color for empty stars */
		position: relative;
		display: inline-block;
	}.event-info .event-info-container .rating .rating-stars .star.full{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.event-info .event-info-container .rating .rating-stars .star.half {
		color: gray; /* Color for half star */
	}.event-info .event-info-container .rating .rating-stars .star.half::after {
		content: '\2605'; /* Unicode for filled star */
		position: absolute;
		left: 0;
		width: 50%; /* Adjust width for half star */
		overflow: hidden;
		--tw-text-opacity: 1;
		color: rgb(223 100 54 / var(--tw-text-opacity, 1))}.event-date{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}.event-date > div{
  align-self: center;
}.event-date::before{
		content:url('/web_common/images/icons/event/calendar.svg');
		height: 20px;
		width: 20px}.event-buy-btn{
  width: 100%;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
}.event-buy-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.event-location::before{
		content:url('/web_common/images/icons/event/location.svg');
		display: block;
		height: 20px;
		width: 20px}.event-swiper{
  position: relative;
  width: 100%;
}.event-swiper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}@media (min-width: 768px){.event-swiper{
    width: 100%;
  }
}.event-swiper .swiper{
  width: 100%;
}.event-swiper .swiper-button-prev, .event-swiper .swiper-button-next{
  top: 40%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.event-swiper .swiper-button-prev{
  left: 20px !important;
}.event-swiper .swiper-button-next{
  right: 20px !important;
}.event-swiper .swiper-button-next::after{
		content: "next"
	}.event-swiper .swiper-button-prev::after{
		content: 'prev'
	}.event-swiper .swiper-button-prev::after, .event-swiper .swiper-button-next::after{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
}.event-swiper .swiper-pagination-bullet, .event-swiper .swiper-pagination-bullet-active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}/* Voting */.voting-result-option .option-name{
  font-size: 13px;
  line-height: 1.25rem;
}.voting-result-option .option-value{
  height: 8px;
}.voting-items{
  display: grid;
  width: 100%;
  gap: min(3vw,30px);
}@media (min-width: 1280px){.voting-items{
    display: flex;
  }
}.voting-items > div:first-of-type{
  width: 100%;
}.voting-title{
  font-weight: 400;
  line-height: 1.5rem;
}.voting-subtitle{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
}.voting-content{
  display: flex;
  flex-direction: column;
  gap: 10px;
}.voting-result{
  width: 100%;
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .content{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
  padding-bottom: 100px;
  font-size: 19px;
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content .voting-items .button {
		font-size: 15px;
		margin-top: 0px;
		width: -moz-min-content;
		width: min-content;
		--tw-bg-opacity: 1;
		background-color: rgb(46 190 192 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .content p{
  font-size: 23px;
}.timestamp{
  font-size: 11px;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.timestamp:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.card.today .timestamp{
  text-align: right;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.card.today .timestamp span.sortable,.card.today .timestamp a.sortable{
  justify-content: flex-end;
}.et-table table td.card.today .timestamp > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}.card.today .timestamp:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.quote-card .sparkline-chart-container .timestamp{
  padding-left: 0.25rem;
  padding-top: 8px;
  text-align: left;
}/* general used class for quote card with 52-wk sparkline chart */.faqs-section-container  > div.collapse{
  width: 100%;
}.faqs-section-container  .collapse{
  padding: 0px;
}@media (min-width: 1024px){.faqs-section-container  .collapse{
    padding: 10px;
  }
}.faqs-section-container  .collapse .collapse-title{
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 11px;
}@media (min-width: 1024px){.faqs-section-container  .collapse .collapse-title{
    padding-bottom: 0px;
  }
}.faqs-section-container  .collapse input[type="checkbox"]:checked + .collapse-title{
  padding-bottom: 10px;
}.faqs-section-container  .collapse:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-content{
  padding-top: 0px;
  padding-bottom: 10px;
}@media (min-width: 1024px){.faqs-section-container  .collapse:not(.collapse-close) input[type="checkbox"]:checked ~ .collapse-content{
    padding-bottom: 0px;
  }
}.faqs-section-container  .collapse .collapse-content{
  font-size: 15px;
  font-weight: 400;
  max-height: 0px;
  padding-left: 10px;
}.et-list li .faqs-section-container  .collapse .collapse-content{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li .faqs-section-container  .collapse .collapse-content{
    font-size: 18px;
  }
}.et-list.small li .faqs-section-container  .collapse .collapse-content{
  font-size: 15px;
}.et-grid .faqs-section-container  .collapse .collapse-content{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid .faqs-section-container  .collapse .collapse-content{
    font-size: 19px;
  }
}.faqs-section-container  .collapse .collapse-content div:nth-child(n+2){
  padding-top: 10px;
}.faqs-section-container  .collapse.collapse-arrow .collapse-title::after{
  top: min(3vw,30px);
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}@media (min-width: 1024px){.faqs-section-container  .collapse.collapse-arrow .collapse-title::after{
    top: 10px;
  }
}.faqs-section-container  .collapse .collapse-content > div.active a{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
}/* general used class for quote card with 52-wk sparkline chart */.quote-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.quote-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.quote-card .labels{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  justify-content: center;
  gap: 10px;
}.quote-card .labels > div{
  align-self: center;
}.quote-card .nominal{
  font-size: 19px;
  font-weight: 400;
  margin-top: 10px;
}.page-crosssell-container > .quote-card .nominal{
		font-size:22px; font-weight:500; line-height:1; margin-bottom: 20px}.quote-card .sparkline-chart-container{
  padding-left: 10px;
  padding-right: 10px;
}.quote-card .sparkline-chart-container .remark{
  padding-left: 0.25rem;
  padding-top: 8px;
  text-align: left;
}.more-less-trigger-label::before{
  --tw-content: 'More';
  content: var(--tw-content);
}input[type="checkbox"].more-less-trigger-checkbox:checked ~ .more-less-trigger-label::before{
  --tw-content: 'Less';
  content: var(--tw-content);
}.extend-layer-container{
  position: relative;
}.extend-layer{
		background: linear-gradient(180deg, rgba(255, 255, 255, .2) 0, rgb(255, 255, 255) 100%);
		position: absolute;
		bottom: 0px;
		height: 100px;
		width: 100%}.dark .extend-layer{
		background: linear-gradient(180deg, rgba(48, 48, 48, .2) 0, rgb(48, 48, 48) 100%);
	}input[type="checkbox"].extend-layer-trigger-checkbox:checked ~ .extend-layer-container .extend-layer{
  display: none;
}.ads-hs-swiper{
  position: relative;
}.ads-hs-swiper .swiper-wrapper .swiper-slide{
  height: auto;
  width: 230px;
}/* start Healthsmart card */.ads-hs-banners{ border-color:#01A89E; height: 100%; border-width: 1px;
	}.ads-hs-banners .thumbnail{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.ads-hs-banners .thumbnail .thumbnail-image-container{
  position: relative;
  display: block;
  overflow: hidden;
}.ads-hs-banners .thumbnail .thumbnail-image-container image{
		transform: translateY(-50%); transition: all .2s ease-in; -o-object-fit: contain; object-fit: contain; position: absolute; left: 0px; top: 50%; height: 100%; width: 100%;
	}.ads-hs-banners .thumbnail .ads-hs-banners-promo-container{
  position: absolute;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}.ads-hs-banners .thumbnail .ads-hs-banners-promo-container .ads-hs-banners-promo-text{
  float: left;
  height: 20px;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(46 159 71 / var(--tw-bg-opacity, 1));
  padding-left: 5%;
  font-size: 13px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.ads-hs-banners .thumbnail .ads-hs-banners-promo-container .ads-hs-banners-promo-tail{
		border-top: 20px solid #2e9f47;
		border-right: 6px solid transparent;
		float: left;
		height: 0px;
		width: 10px;
	}.ads-hs-banners .ads-hs-banners-content{
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-subject{
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-title{
  margin-bottom: 0.25rem;
  font-size: 19px;
  font-weight: 700;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-title h3{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-price{
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-price span{
  display: inline;
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-price span.ads-hs-banners-price-dis{
  margin-left: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(134 134 134 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-promo-str{
  display: inline-flex;
  --tw-bg-opacity: 1;
  background-color: rgb(253 200 6 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-promo-str span{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		--tw-text-opacity: 1;
		color: rgb(53 53 53 / var(--tw-text-opacity, 1))}/*
	.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-price-dis{
		@apply flex text-xl font-bold;
	}

	.ads-hs-banners .ads-hs-banners-content .ads-hs-banners-price-dis span{
		@apply text-[#868686] line-through;
	}
	*/.ads-hs-banners .ads-hs-banners-buy-btn{
  position: absolute;
  bottom: 0px;
  height: 50px;
  width: 100%;
  padding: 10px;
}.ads-hs-banners .ads-hs-banners-buy-btn .button.active{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(1 168 158 / var(--tw-bg-opacity, 1));
}/*@layer base {
	html {
	  font-family: "Helvetica","Arial","微軟正黑體", "Microsoft JhengHei","sans-serif"
	}
}*//*collapse componenet*//* etnet custiom style*//*sc handle*/html[lang="zh-Hans"] .default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper .title{
        font-family: 'Noto Sans', sans-serif;
    }.input-filter-mark-range{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 150px;
  gap: 10px;
}.input-filter-mark-range > div{
  align-self: center;
}.input-filter-mark-range .slider-track {
        position: relative;
        width: 100%;
        height: 8px;
        background: #ddd;
        border-radius: 4px;
    }.input-filter-mark-range .range-input {
        -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
        width: 100%;
        height: 8px;
        background: transparent;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        pointer-events: none;
    }.input-filter-mark-range .range-input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        cursor: pointer;
        pointer-events: auto;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        z-index: 2;
    }.input-filter-mark-range .range-input.min::-webkit-slider-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}.input-filter-mark-range .range-input.max::-webkit-slider-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.input-filter-mark-range .range-input::-moz-range-thumb {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        cursor: pointer;
        border: none;
    }.input-filter-mark-range .range-input.min::-moz-range-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.input-filter-mark-range .range-input.max::-moz-range-thumb{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.input-filter-mark-range .range-display{
  flex: 1 1 0%;
  white-space: nowrap;
}.custom-checkbox-dropdown-wrapper{
  position: relative;
}.custom-checkbox-dropdown-wrapper  > input[type="checkbox"]{
  display: none;
}:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"])  ~ dialog{
  z-index: 999999;
  display: none;
  width: -moz-max-content;
  width: max-content;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"])  ~ dialog:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 1024px){:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"])  ~ dialog{
    position: absolute;
    top: calc(100% + 5px);
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]) ~ dialog) input[type="search"]{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]) ~ dialog) input[type="search"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked  + label{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked + label) i{
  --tw-rotate: 180deg;
  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));
}:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked  ~ dialog{
  display: flex;
  min-width: 300px;
  max-width: -moz-min-content;
  max-width: min-content;
  flex-direction: column;
  gap: 20px;
  border-radius: 0.375rem;
  padding-bottom: 10px;
}@media (min-width: 1024px){:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked  ~ dialog{
    left: 0px;
  }.pop-from-right:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog){
    right: 0px;
    left: auto;
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) .title{
  margin-bottom: 10px;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) .title:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog)::backdrop{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  opacity: 0.7;
}.et-table table td :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
  overflow-wrap: normal;
  word-break: normal;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
}.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 19px;
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
}.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 19px;
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disable{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disable:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting::before{
  margin-right: 0.25rem;
  display: inline-block;
  height: 10px;
  width: 46px;
  background-image: url(/web_common/images/icons/voting_icon_white.svg);
  --tw-content: "";
  content: var(--tw-content);
}body :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].default:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]::after{
  right: -0.1rem;
  top: -0.1rem;
}.default-popup-panel .contentWrapper.voting :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], .default-popup-panel .contentWrapper.cross-promo :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], .default-popup-panel .contentWrapper.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
		background-color: #cc0e00;
		color: white;
		margin-top: 0px !important;
	}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
		text-decoration:none;
	}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].reply:hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].reply:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content .voting-items :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"] {
		font-size: 15px;
		margin-top: 0px;
		width: -moz-min-content;
		width: min-content;
		--tw-bg-opacity: 1;
		background-color: rgb(46 190 192 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.ads-hs-banners .ads-hs-banners-buy-btn :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(1 168 158 / var(--tw-bg-opacity, 1));
}.compare-panel :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disabled,.compare-panel :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]):hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)) !important;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items{
  max-height: 30vh;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  border-style: dotted;
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items{
  overflow-y: auto;
  overflow-x: hidden;
}:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li{
  min-width: 80px;
  cursor: pointer;
}:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label{
  display: inline-block;
  width: 100%;
  cursor: pointer;
}:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label) span{
  display: inline-block;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
  cursor: pointer;
  white-space: normal;
  padding: 10px;
}:is(:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label) span)::before{
  --tw-content: attr(data-label);
  content: var(--tw-content);
}:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li):hover{
                            /*label span{
                                @apply after:content-['✓'] after:ml-s;
                            }*/
                        }.selected:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li){
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.selected:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.selected:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label span{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.selected:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label span::after{
  margin-left: 10px;
  --tw-content: '✓';
  content: var(--tw-content);
}.selected:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) ul.dropdown-items) li) label span:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.et-table table td :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
  overflow-wrap: normal;
  word-break: normal;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
  margin-left: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
}.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 19px;
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  font-size: 15px;
}.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].l{
    font-size: 19px;
  }
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disable{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disable:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting::before{
  margin-right: 0.25rem;
  display: inline-block;
  height: 10px;
  width: 46px;
  background-image: url(/web_common/images/icons/voting_icon_white.svg);
  --tw-content: "";
  content: var(--tw-content);
}body :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].voting:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].default:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]::after{
  right: -0.1rem;
  top: -0.1rem;
}.default-popup-panel .contentWrapper.voting :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], .default-popup-panel .contentWrapper.cross-promo :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], .default-popup-panel .contentWrapper.attraction :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]{
		background-color: #cc0e00;
		color: white;
		margin-top: 0px !important;
	}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"], article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
		text-decoration:none;
	}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].reply:hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].reply:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content .voting-items :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"] {
		font-size: 15px;
		margin-top: 0px;
		width: -moz-min-content;
		width: min-content;
		--tw-bg-opacity: 1;
		background-color: rgb(46 190 192 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.ads-hs-banners .ads-hs-banners-buy-btn :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].active{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(1 168 158 / var(--tw-bg-opacity, 1));
}.compare-panel :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disabled,.compare-panel :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"].disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) :is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]):hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}:is(:is(.custom-checkbox-dropdown-wrapper > input[type="checkbox"]):checked ~ dialog) label[data-type="button"]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important;
}.custom-checkbox-dropdown-wrapper  > label{
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}.custom-checkbox-dropdown-wrapper  > label:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1)) !important;
}:is(.custom-checkbox-dropdown-wrapper > label) span{
  width: -moz-max-content;
  width: max-content;
}:is(:is(.custom-checkbox-dropdown-wrapper > label) span)::before{
  --tw-content: attr(data-inputlabel);
  content: var(--tw-content);
}:is(.custom-checkbox-dropdown-wrapper > label) i{
  position: relative;
  margin-left: 5px;
  display: inline-block;
  height: 20px;
  width: 20px;
  align-self: center;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}:is(.custom-checkbox-dropdown-wrapper > label) i:is(.dark *){
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}:is(.custom-checkbox-dropdown-wrapper > label) i{
		    filter: invert(96%) sepia(4%) saturate(336%) hue-rotate(178deg)
			brightness(70%) contrast(90%);
		    content: url(/web_common/images/buttons/btn-dropdown.svg);
        }:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"])  ~ dialog{
  max-width: unset;
}:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items{
  padding-left: 10px;
  padding-right: 10px;
}:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items) li):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items) li):hover label span::after{
  margin-left: 0px;
  --tw-content: '';
  content: var(--tw-content);
}:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items) li) label{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items) li) label > div{
  align-self: center;
}:is(:is(:is(:is(:is(:is(.custom-checkbox-dropdown-wrapper.multiple-select,.custom-checkbox-dropdown-wrapper.radio) > input[type="checkbox"]) ~ dialog) ul.dropdown-items) li) label) span{
  display: inline-block;
}.radio-with-rangeslider{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.radio-with-rangeslider > div{
  align-self: center;
}.radio-with-rangeslider .radio-wrapper{
  width: 70px;
}.radio-with-rangeslider .range-slider-wrapper-container{
  margin-top: 10px;
}.custom-checkbox-dropdown-wrapper .input-title{
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.custom-checkbox-dropdown-wrapper.simple-select.with-search .btn-search-wrapper{
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}ul.flex-row-fields{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.tab-links{
  position: relative;
  margin-right: 40px;
  width: 100%;
  max-width: 503px;
  overflow: hidden;
}@media (min-width: 768px){.tab-links{
    margin-right: 0px;
    max-width: 100%;
  }
}.tab-links button.btn-prev{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.tab-links button.btn-prev > div{
  align-self: center;
}@media (min-width: 768px){.tab-links button.btn-prev{
    display: none;
  }
}.tab-links button.btn-next{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 20px;
  width: 20px;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.tab-links button.btn-next > div{
  align-self: center;
}@media (min-width: 768px){.tab-links button.btn-next{
    display: none;
  }
}.tab-links nav{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  max-width: calc(100% - 60px);
  justify-content: space-around;
  row-gap: 10px;
  overflow-x: auto;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
}.tab-links nav::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
      }.tab-links nav > div{
  align-self: center;
}@media (min-width: 768px){.tab-links nav{
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
  }
}:is(.tab-links nav) a{
  display: inline-block;
  white-space: nowrap;
  border-bottom-width: 3px;
  border-bottom-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0.25rem;
  text-align: center;
}@media (min-width: 768px){:is(.tab-links nav) a{
    flex: 1 1 0%;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    padding-left: 0px;
    padding-right: 0px;
  }
}:is(.tab-links nav) a:hover,:is(.tab-links nav) a.active{
  border-bottom-width: 3px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}@media (min-width: 768px){.tab-links nav::after{
    position: absolute;
    bottom: 0px;
    z-index: -1;
    height: 3px;
    width: -moz-max-content;
    width: max-content;
    width: 100%;
    border-bottom-width: 3px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    --tw-content: '';
    content: var(--tw-content);
  }
}.et-table .market-status-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}.et-table .market-status-container > div{
  align-self: center;
}:is(.et-table .market-status-container) .label.market-status{
  display: flex;
  flex-direction: row;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.et-table .market-status-container) .label.market-status > div{
  align-self: center;
}.live:is(:is(.et-table .market-status-container) .label.market-status)::after{
  margin-left: 0.25rem;
  display: inline-block;
  height: 5px;
  width: 5px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}.et-table .nominal.market-status-container{
  width: 110px;
  justify-content: space-between;
  font-weight: 400;
}.et-swiper-table{
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}.et-swiper-table table{
  position: relative;
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}:is(:is(.et-swiper-table table) tr td):first-child div{
  justify-content: flex-start;
}:is(:is(.et-swiper-table table) tr td) div{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  white-space: nowrap;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1rem;
}.freeze-col:is(:is(.et-swiper-table table) tr td){
  position: sticky;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.wallpaper.freeze-col:is(:is(.et-swiper-table table) tr td){
  top: 101px;
}.livebar-sticky .wallpaper.freeze-col:is(:is(.et-swiper-table table) tr td){
  top: calc(32px + 101px);
}.freeze-col:is(:is(.et-swiper-table table) tr td):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.freeze-col:is(:is(.et-swiper-table table) tr td) div{
  width: 100%;
}:is(.freeze-col:is(:is(.et-swiper-table table) tr td) div) a{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 0.25rem;
}:is(.freeze-col:is(:is(.et-swiper-table table) tr td) div) a > div{
  align-self: center;
}.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td){
  --tw-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 4px 0 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td):is(.dark *){
  --tw-shadow: 4px 0 4px -2px rgba(255, 255, 255, 0.2);
  --tw-shadow-colored: 4px 0 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}@media (min-width: 1024px){.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td){
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td):is(.dark *){
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td) div{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}.freeze-col.last-freeze-col:is(:is(.et-swiper-table table) tr td) div > div{
  align-self: center;
}.freeze-col.last-freeze-col.swipe-left-icon:is(:is(.et-swiper-table table) tr td) div::after{
  margin-left: auto;
  height: 20px;
  width: 20px;
  background-image: url(/web_common/images/icons/swipe-left.svg);
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
}.freeze-col.last-freeze-col.swipe-left-icon:is(:is(.et-swiper-table table) tr td) div:is(.dark *)::after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 1024px){.freeze-col.last-freeze-col.swipe-left-icon:is(:is(.et-swiper-table table) tr td) div::after{
    display: none;
  }
}:is(:is(.et-swiper-table table) thead) tr td{
  border-width: 0px;
  vertical-align: bottom;
  font-size: 13px;
}:is(:is(.et-swiper-table table) thead) tr:last-child td{
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
}:is(:is(.et-swiper-table table) thead) tr:last-child td:is(.dark *){
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}:is(:is(.et-swiper-table table) thead) td div{
  white-space: nowrap;
  font-weight: 400;
}:is(:is(:is(.et-swiper-table table) thead) tr.condensed) td div{
  padding-bottom: 0px;
}:is(.et-swiper-table table) tbody tr td{
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding: 0px;
}:is(.et-swiper-table table) tbody tr td:is(.dark *){
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}:is(.et-swiper-table table) tbody tr:last-child td{
  border-width: 0px;
}.et-swiper-table.sticky-header table thead{
  position: sticky;
  top: 0px;
  z-index: 10000;
}.wallpaper.et-swiper-table.sticky-header table thead{
  top: 101px;
}.livebar-sticky .wallpaper.et-swiper-table.sticky-header table thead{
  top: calc(32px + 101px);
}.et-swiper-table.colorBgBorder table tr td{
  --tw-border-opacity: 1;
  border-color: rgb(53 53 53 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.et-swiper-table:not(.disable-hover) table tbody tr:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1)) !important;
}.et-swiper-table:not(.disable-hover) table tbody tr:hover:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1)) !important;
}:is(.et-swiper-table:not(.disable-hover) table tbody tr:hover) td{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1)) !important;
}:is(.et-swiper-table:not(.disable-hover) table tbody tr:hover) td:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1)) !important;
}.ai-search{
  display: flex;
  flex-direction: row;
  align-items: center;
}.ai-search > div{
  align-self: center;
}.ai-search .ai-search-label{
  cursor: default;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.ai-search .ai-search-label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.ai-search .input-text{
  height: 32px;
  width: 105px;
  border-radius: 0px;
  border-width: 1px;
  border-left-width: 0px;
  padding: 0.25rem;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  line-height: 1;
  outline-width: 0px;
}.ai-search .input-submit-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  width: 38px;
  justify-content: center;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}.ai-search .input-submit-wrapper > div{
  align-self: center;
}.ai-search .input-submit-wrapper:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(.ai-search .input-submit-wrapper) .input-submit{
  height: 20px;
  width: 20px;
  cursor: pointer;
  border-width: 0px;
  background-image: url(/web_common/images/buttons/btn-search.svg);
  background-position: center;
  background-repeat: no-repeat;
  outline-width: 0px;
}/* interative chart */.zoom-in-icon{
  flex-shrink: 0;
  border-right-width: 1px;
  background-image: url('/web_common/images/icons/zoom_in.svg');
}.zoom-in-icon:is(.dark *){
  background-image: url('/web_common/images/icons/zoom_in_white.svg');
}.zoom-out-icon{
  flex-shrink: 0;
  border-right-width: 1px;
  background-image: url('/web_common/images/icons/zoom_out.svg');
}.zoom-out-icon:is(.dark *){
  background-image: url('/web_common/images/icons/zoom_out_white.svg');
}.ichart-icon{
  height: 100%;
  width: 36px;
  cursor: pointer;
  background-size: 28px 28px;
  background-position: center;
  background-repeat: no-repeat;
}@media (min-width: 768px){.ichart-icon{
    width: 42px;
  }
}.ichart-button{
  flex-grow: 1;
  cursor: pointer;
  border-right-width: 1px;
  padding: 10px;
  text-align: center;
}@media (min-width: 768px){.ichart-button{
    flex-grow: 0;
  }
}.shorter-width{
  display: none;
  flex-grow: 1;
  cursor: pointer;
  border-right-width: 1px;
  padding: 10px;
}@media (min-width: 768px){.shorter-width{
    display: block;
    flex-grow: 0;
  }
}.time-period{
  display: none;
  flex-shrink: 0;
  cursor: pointer;
  border-right-width: 1px;
  padding: 10px;
}@media (min-width: 1280px){.time-period{
    display: block;
  }
}.time-period.selected,
.shorter-width.selected{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .time-period.selected,.stocks 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .time-period.selected,.news 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .time-period.selected,.futures 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .time-period.selected,.warrants 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .time-period.selected,.etf 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .time-period.selected,.ashares 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .time-period.selected,.forex 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .time-period.selected,.bitcoin 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .time-period.selected,.funds 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .time-period.selected,.mpf 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .time-period.selected,.property 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .time-period.selected,.lifestyle 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .time-period.selected,.wiki 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .time-period.selected,.attraction 
.shorter-width.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ichart-time-period .ichart-icon{
  display: none;
  height: 100%;
  width: 30px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  background-image: url('/web_common/images/buttons/btn-more-white.svg');
  background-size: 25px 25px;
}.ichart-time-period .ichart-icon:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-image: url('/web_common/images/buttons/btn-more.svg');
}@media (min-width: 768px){.ichart-time-period .ichart-icon{
    display: block;
  }
}.ichart-setting .ichart-icon{
  height: 100%;
  background-image: url('/web_common/images/icons/setting.svg');
}.ichart-setting .ichart-icon:is(.dark *){
  background-image: url('/web_common/images/icons/setting_white.svg');
}.ichart-type{
  border-right-width: 1px;
  border-left-width: 1px;
}@media (min-width: 768px){.ichart-type{
    border-left-width: 0px;
  }
}.ichart-type .ichart-icon.candlestick{
  background-image: url('/web_common/images/icons/chart_candlestick.svg');
}.ichart-type .ichart-icon.candlestick:is(.dark *){
  background-image: url('/web_common/images/icons/chart_candlestick_white.svg');
}.ichart-type .ichart-icon.candlestick.selected{
  background-image: url('/web_common/images/icons/chart_candlestick_white.svg');
}.ichart-type .ichart-icon.ohlc{
  background-image: url('/web_common/images/icons/chart_OHLC.svg');
}.ichart-type .ichart-icon.ohlc:is(.dark *){
  background-image: url('/web_common/images/icons/chart_OHLC_white.svg');
}.ichart-type .ichart-icon.ohlc.selected{
  background-image: url('/web_common/images/icons/chart_OHLC_white.svg');
}.ichart-type .ichart-icon.spline{
  background-image: url('/web_common/images/icons/chart_spline.svg');
}.ichart-type .ichart-icon.spline:is(.dark *){
  background-image: url('/web_common/images/icons/chart_spline_white.svg');
}.ichart-type .ichart-icon.spline.selected{
  background-image: url('/web_common/images/icons/chart_spline_white.svg');
}.ichart-type .ichart-icon.areaspline{
  background-image: url('/web_common/images/icons/chart_areaspline.svg');
}.ichart-type .ichart-icon.areaspline:is(.dark *){
  background-image: url('/web_common/images/icons/chart_areaspline_white.svg');
}.ichart-type .ichart-icon.areaspline.selected{
  background-image: url('/web_common/images/icons/chart_areaspline_white.svg');
}.stocks .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .ichart-type .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ichart-event .ichart-icon{
  height: 33px;
  width: 30px;
  background-image: url('/web_common/images/icons/flag.svg');
  background-size: 40px 40px;
  background-position: center;
  padding-top: 0.25rem;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}.ichart-event .ichart-icon:is(.dark *){
  background-image: url('/web_common/images/icons/flag_white.svg');
}.ichart-icon.new-window{
  background-image: url('/web_common/images/icons/new_windows.svg');
}.ichart-icon.new-window:is(.dark *){
  background-image: url('/web_common/images/icons/new_windows_white.svg');
}.ichart-setting .ichart-mode.lightmode{
  position: relative;
  cursor: pointer;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}.ichart-setting .ichart-mode.lightmode.selected::after{
  --tw-content: "✓";
  content: var(--tw-content);
}.ichart-setting .ichart-mode.darkmode{
  position: relative;
  cursor: pointer;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1)) !important;
}.ichart-setting .ichart-mode.darkmode.selected::after{
  --tw-content: "✓";
  content: var(--tw-content);
}.ichart-setting .ichart-mode.lightmode::after,
.ichart-setting .ichart-mode.darkmode::after {
    left: calc(50% - 10px);
    position: absolute;
    top: 17px;
    height: 21px;
    width: 21px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.ichart-setting .ichart-mode.lightmode:is(.dark *)::after,
.ichart-setting .ichart-mode.darkmode:is(.dark *)::after{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}.ichart-setting .ichart-icon.both{
  background-image: url('/web_common/images/icons/grid_all.svg');
}.ichart-setting .ichart-icon.both:is(.dark *){
  background-image: url('/web_common/images/icons/grid_all_white.svg');
}.ichart-setting .ichart-icon.both.selected{
  background-image: url('/web_common/images/icons/grid_all_white.svg');
}.ichart-setting .ichart-icon.no{
  background-image: url('/web_common/images/icons/grid_none.svg');
}.ichart-setting .ichart-icon.no:is(.dark *){
  background-image: url('/web_common/images/icons/grid_none_white.svg');
}.ichart-setting .ichart-icon.no.selected{
  background-image: url('/web_common/images/icons/grid_none_white.svg');
}.ichart-setting .ichart-icon.horizontal{
  background-image: url('/web_common/images/icons/grid_h.svg');
}.ichart-setting .ichart-icon.horizontal:is(.dark *){
  background-image: url('/web_common/images/icons/grid_h_white.svg');
}.ichart-setting .ichart-icon.horizontal.selected{
  background-image: url('/web_common/images/icons/grid_h_white.svg');
}.ichart-setting .ichart-icon.vertical{
  background-image: url('/web_common/images/icons/grid_v.svg');
}.ichart-setting .ichart-icon.vertical:is(.dark *){
  background-image: url('/web_common/images/icons/grid_v_white.svg');
}.ichart-setting .ichart-icon.vertical.selected{
  background-image: url('/web_common/images/icons/grid_v_white.svg');
}.stocks .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .ichart-icon.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ichart .contentItems{
  max-height: 80vh;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
}.ichart .contentItems:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 1024px){.ichart .contentItems{
    max-height: 60vh;
  }
}.ichart-time-period-options{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: min(3vw,30px);
}@media (min-width: 1024px){.ichart-time-period-options{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.ichart-time-period-options{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.ichart-time-period-options>div div{
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 10px;
  text-align: center;
}.ichart-time-period-options>div{
  margin-bottom: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}.ichart-time-period-options div.selected{
  border-width: 1px;
  padding: 10px;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .ichart-time-period-options div.selected{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ichart-time-period-options h4{
  grid-column: 1 / -1;
}.ichart-comparison-options > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}.ichart-comparison-options>div>select,
.ichart-comparison-options>div>span,
.ichart-comparison-options .inputtext{
  height: 32px;
  width: calc(50%);
}.ichart-comparison-options>div>span>select{
  width: 100%;
}.ichart-event-options{
  margin-top: 10px;
}.ichart-comparison-options>div,
.ichart-event-options>div{
  display: flex;
  align-items: center;
}.ichart-comparison-options>div > :not([hidden]) ~ :not([hidden]),
.ichart-event-options>div > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(10px * var(--tw-space-x-reverse));
  margin-left: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}.ichart-grid{
  display: flex;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}.ichart-grid>div{
  border-radius: 0.5rem;
}.ichart-grid .ichart-icon,
.ichart-grid .ichart-mode{
  height: 60px;
  width: 60px;
  border-width: 1px;
  background-size: 32px 32px;
}.udunchange-bar{
  display: flex;
  height: 20px;
  flex-wrap: wrap;
  font-size: 13px;
}.stocks .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .ichart .alert-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.ichart .alert-icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    color: #FFF;
    border-radius: 7px;
    border: 1px solid #FFF;
    line-height: 15px;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 30%);
}.ichart .error-area>span{
  display: block;
}.ichart .error-area>span:first-of-type{
  margin-top: 10px;
}.ichart .error{
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(204 0 0 / var(--tw-text-opacity, 1));
}.ichart-container{
  position: relative;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  padding: min(3vw,30px);
}.ichart-container .hidden-scroll{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 3;
  height: 100%;
  width: 60px;
}@media (min-width: 1024px){.ichart-container .hidden-scroll{
    display: none;
  }
}/* up down unchange bar */.udunchange-bar>div{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
  border-top-width: 2px;
  border-bottom-width: 2px;
}.udunchange-bar>div.unchange{
  border-top-width: 2px;
  border-bottom-width: 2px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.udunchange-bar>div:first-of-type{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-left-width: 2px;
}.udunchange-bar>div:last-of-type{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-right-width: 2px;
}@media (min-width: 1280px){.ichart.us #ChartTimeMin{
    display: block;
  }.ichart.us .time-period{
    display: none;
  }
}body {
	font-family: "微軟正黑體", "Microsoft JhengHei", "Helvetica", "Arial",
		"sans-serif";
}@media (min-width: 1600px){.container,
.menu-panel,
.category-menu > div{
    max-width: 100% !important;
  }.main-container{
    max-width: calc(100% - 320px) !important;
  }
}.main{
  width: 100%;
}@media (min-width: 1024px){.main{
    width: calc(100% - 330px);
  }.live-bar .container,
.indexes-panel .container,
.menu-panel-wrapper .menu-panel,
.main-wrapper{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}@media (min-width: 1600px){.live-bar .container,
.indexes-panel .container,
.menu-panel-wrapper .menu-panel,
.main-wrapper{
    padding-left: min(3vw,30px) !important;
    padding-right: min(3vw,30px) !important;
  }
}/*
.menu-panel-wrapper .menu-panel {
	@apply pt-m;
}
*/#desktop-section-menu a.special-icon{
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.active:is(#desktop-section-menu a.special-icon){
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.sticky-menu #desktop-section-menu a.special-icon{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.sticky-menu #desktop-section-menu a.special-icon:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 1024px){.main-container{
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 1600px){.main-container{
    padding-left: min(3vw,30px);
    padding-right: min(3vw,30px);
  }
}@media (min-width: 1024px){.RHS{
    margin-left: 10px;
  }
}@media (min-width: 1600px){.RHS{
    margin-left: min(3vw,30px) !important;
  }
}#breadcrumbs .dropdown .dropdown-content {
	z-index: 10001;
}.etf .sub-cat a.active,
.etf .sub-cat a:hover,
.etf .sub-cat label.active,
.etf .sub-cat label:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}#ads-top-banner{
  height: 250px;
  align-items: center;
}/* +++++ Home +++++ */.etf-index h2 {
		font-family: "Noto Sans HK", sans-serif;
		margin-top: min(3vw,30px);
		margin-bottom: 30px;
		font-size: 29px;
		font-weight: 700;
		line-height: 1;
	}.etf-index section{
  margin-top: 30px;
}:is(.etf-index section) h3{
  margin-bottom: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.et-table.responsive .etf table tr.row td{
  border-width: 0px;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 1600px){.et-table.responsive .etf table tr.row td{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}.filter-panel.tablefilter{
  justify-content: flex-start;
}/* +++++ Quote +++++ */.etf.quote-dividend .dividend-table{
  margin-top: min(3vw,30px);
}:is(.etf.quote-dividend section.dividend-info) .card-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: min(3vw,30px);
}@media (min-width: 768px){:is(.etf.quote-dividend section.dividend-info) .card-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}:is(:is(:is(.etf.quote-dividend section.dividend-info) .card-list) .card) .value{
  font-size: 23px;
}/* +++++ Theme +++++ */.theme-list-wrapper{
  position: relative;
	container-type: inline-size;
	container-name: theme-list-wrapper;
}.theme-list-wrapper:last-child{
  margin-bottom: min(3vw,30px);
}.theme-info{
  margin-top: min(3vw,30px);
  margin-bottom: 10px;
}.theme-info .title.xl {
		font-family: "Noto Sans HK", sans-serif;
		font-weight: 500;
		display: block;
		font-size: 23px;
		line-height: 1;
		--tw-text-opacity: 1;
		color: rgb(0 161 189 / var(--tw-text-opacity, 1));
	}@media (min-width: 1280px){.theme-info .title.xl{
    font-size: 29px;
  }
}.theme-info .desc{
  margin-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}.quote-theme-list {
	container-type: inline-size;
	container-name: quote-theme-list;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}.quote-theme-list .theme-list-wrapper{
  width: 100%;
}:is(.quote-theme-list .theme-list-wrapper.theme-list-single) .theme-card{
  width: 100%;
}@container quote-theme-list (min-width: 600px) {
	.theme-list-wrapper.theme-list-single {
		container-type: inline-size;
		container-name: theme-list-wrapper-theme-list-single !important;
		width: calc((100% - 10px) / 2);
	}
		.theme-list-wrapper.theme-list-single .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }
}@container theme-list-wrapper-theme-list-single (min-width: 445px) {
		.theme-list.primary .theme-card{
    height: 350px !important;
  }

			:is(.theme-list.primary .theme-card) .info{
    height: 270px;
    flex-direction: row !important;
  }
}.theme-list{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-items: stretch;
  gap: 10px;
}.theme-card{
  position: relative;
  min-height: 210px;
  cursor: pointer;
  overflow: hidden;
  border-width: 1px;
}.theme-card .bg img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}.theme-card .info {
		container-type: inline-size;
		container-name: theme-card-info;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		display: flex;
		width: 100%;
		gap: 10px;
		overflow: hidden;
		background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
		--tw-bg-opacity: 0.7;
		padding: 10px;
		line-height: 1.4;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	}:is(.theme-card .info) .detail {
			container-type: inline-size;
			container-name: theme-card-detail;
			display: flex;
			flex-grow: 1;
			flex-direction: column;
			justify-content: space-between;
		}:is(.theme-card .info) .title{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
}:is(.theme-card .info) .title::after {
			content: attr(data-follower);
			font-size: 13px;
			font-weight: 400;
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		}:is(.theme-card .info) .title.numeric-value-only{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}:is(.theme-card .info) .title.numeric-value-only > div{
  align-self: center;
}:is(.theme-card .info) .title.numeric-value-only::after {
			content: attr(data-value);
			font-size: 30px;
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity, 1));
		}:is(.theme-card .info) .desc{
        text-overflow: ellipsis;
        margin-top: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }:is(.theme-card .info) .highlight{
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  background-color: rgb(186 221 230 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 10px;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.theme-card .info) .highlight:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.theme-card .info) .highlight.quote) .quote_title,:is(:is(.theme-card .info) .highlight.quote) .quote_name,:is(:is(.theme-card .info) .highlight.quote) .value-title{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(.theme-card .info) .highlight.quote) .quote_title:is(.dark *),:is(:is(.theme-card .info) .highlight.quote) .quote_name:is(.dark *),:is(:is(.theme-card .info) .highlight.quote) .value-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.theme-list.primary{
  width: 100%;
}.theme-list.primary .theme-card{
  height: 500px;
  width: 100%;
}:is(.theme-list.primary .theme-card) .info{
  min-height: 250px;
  flex-direction: column;
}:is(:is(.theme-list.primary .theme-card) .info) .detail{
  justify-content: flex-start;
}:is(:is(.theme-list.primary .theme-card) .info) .desc{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }.theme-list.secondary .theme-card{
  width: 100%;
}@media (min-width: 1024px){.theme-list.secondary .theme-card{
    width: calc((100% - 10px) / 2);
  }
}@container theme-list-wrapper (min-width: 600px) {
		.theme-list.primary .theme-card{
    height: 500px;
    width: calc((100% - 10px) / 2);
  }

    :is(.theme-list.primary .theme-card) .desc{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

			:is(.theme-list.primary .theme-card) .highlight.quote{
    flex-direction: row;
  }
		.theme-list.secondary .theme-card{
    width: calc((100% - 10px) / 2);
  }
}@container theme-list-wrapper (min-width: 800px) {
		.theme-list.secondary .theme-card{
    width: calc((100% - 20px) / 3);
  }
}@container theme-list-wrapper (min-width: 900px) {
		.theme-list.primary .theme-card{
    height: 350px;
    width: calc((100% - 10px) / 2);
  }

			:is(.theme-list.primary .theme-card) .info{
    height: 270px;
    flex-direction: row;
  }

				:is(:is(.theme-list.primary .theme-card) .info) .detail{
    justify-content: flex-start;
  }

    :is(:is(.theme-list.primary .theme-card) .info) .desc{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

				:is(:is(.theme-list.primary .theme-card) .info) .highlight.quote{
    flex-direction: column;
  }
}@container theme-list-wrapper (min-width: 1000px) {
				:is(:is(.theme-list.primary .theme-card) .info) .highlight.quote{
    flex-direction: row;
  }
}@container theme-list-wrapper (min-width: 1200px) {
		.theme-list.secondary .theme-card{
    width: calc((100% - 30px) / 4);
  }
}@container theme-card-info (min-width: 500px) {
				:is(:is(.theme-list.primary .theme-card) .info) .detail{
    justify-content: space-between;
  }

    :is(:is(:is(.theme-list.primary .theme-card) .info) .detail) .desc{
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}@container theme-card-detail (min-width: 320px) {
				:is(:is(.theme-list.primary .theme-card) .info) .highlight.quote{
    flex-direction: row;
  }
}.ExpandableInputTrigger + .Expandable{
  max-height: 400px;
  overflow-y: hidden;
}.ExpandableInputTrigger + .Expandable + .ExpandableWrapper{
  z-index: 2;
  display: block !important;
}:is(.ExpandableInputTrigger + .Expandable + .ExpandableWrapper) .ExpandableButton{
  top: -15px !important;
}.ExpandableInputTrigger:checked + .Expandable{
  max-height: 100%;
}.ExpandableInputTrigger:checked + .Expandable + .ExpandableWrapper{
  display: none !important;
}/** theme detail **/.theme-detail .main-container{
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 768px){.theme-detail .main-container{
    padding-left: 10px;
    padding-right: 10px;
  }
}@media (min-width: 1024px){.theme-detail .main-container{
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 1600px){.theme-detail .main-container{
    padding-left: 20px;
    padding-right: 20px;
  }
}.theme-detail #breadcrumbs{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
}@media (min-width: 768px){.theme-detail #breadcrumbs{
    padding-left: 0px;
    padding-right: 0px;
  }
}.theme-detail section.theme-info{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
  flex-wrap: wrap;
  gap: 10px;
}.theme-detail section.theme-info > div{
  align-self: center;
}@media (min-width: 1024px){.theme-detail section.theme-info{
    margin-left: 0px;
    margin-right: 0px;
  }
}:is(.theme-detail section.theme-info) .title{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.theme-detail section.theme-info) .title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}/*
			a.count::after {
				@apply inline-block text-white text-[13px] w-[24px] bg-etf border border-etf p-1 ml-s leading-none text-center;
			}

			a.count.active::after,
			a.count:hover::after {
				@apply bg-white border-white text-black;
			}
			*/:is(:is(.theme-detail section.theme-info) .sub-cat) a[data-count="0"],:is(:is(.theme-detail section.theme-info) .sub-cat) a[data-count="0"]:hover{
  pointer-events: none;
  cursor: default;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(.theme-detail section.theme-info) .sub-cat) a[data-count="0"]:is(.dark *),:is(:is(.theme-detail section.theme-info) .sub-cat) a[data-count="0"]:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.theme-detail section.stats-and-charts{
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
}@media (min-width: 1024px){.theme-detail section.stats-and-charts{
    margin-left: 0px;
    margin-right: 0px;
  }
}@media (min-width: 1280px){.theme-detail section.stats-and-charts{
    margin-top: 10px;
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-template-rows: min-content min-content 1fr;
  }
}:is(.theme-detail section.stats-and-charts) .desc{
  order: 1;
}@media (min-width: 1024px){:is(.theme-detail section.stats-and-charts) .desc{
    order: 2;
  }
}:is(.theme-detail section.stats-and-charts) .card-list{
  order: 2;
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 10px;
}@media (min-width: 768px){:is(.theme-detail section.stats-and-charts) .card-list{
    margin-top: 0px;
    flex-wrap: nowrap;
  }
}@media (min-width: 1280px){:is(.theme-detail section.stats-and-charts) .card-list{
    order: 3;
    flex-grow: 0;
  }
}:is(:is(.theme-detail section.stats-and-charts) .card-list) .card{
  flex: 1 1 0%;
  align-self: stretch;
  border-width: 1px;
  padding: 10px;
}:is(:is(:is(.theme-detail section.stats-and-charts) .card-list) .card) .value{
  font-size: 23px;
}:is(:is(:is(.theme-detail section.stats-and-charts) .card-list) .card):last-child{
  flex-basis: 100%;
}@media (min-width: 768px){:is(:is(:is(.theme-detail section.stats-and-charts) .card-list) .card):last-child{
    flex-basis: auto;
  }
}@media (min-width: 1280px){:is(:is(:is(.theme-detail section.stats-and-charts) .card-list) .card):last-child{
    flex-basis: 0.25rem;
  }
}:is(.theme-detail section.stats-and-charts) .LHS{
  position: static;
  order: 3;
  grid-row: span 3 / span 3;
  margin-top: 0px !important;
  margin-right: 0px !important;
  display: block;
  width: 100%;
  padding-top: 0px !important;
}@media (min-width: 768px){:is(.theme-detail section.stats-and-charts) .LHS{
    width: 280px;
  }
}@media (min-width: 1280px){:is(.theme-detail section.stats-and-charts) .LHS{
    order: 1;
    width: 320px;
  }
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .star-chart-table{
  display: grid;
  width: 100%;
  border-width: 1px;
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .star-chart-table > div{
  padding: 10px;
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .star-chart-table > div:not(:first-child){
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-style: dotted;
  padding: 10px;
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .star-chart-table > div:not(:first-child) > div{
  align-self: center;
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .key{
  font-size: 11px;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .key:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.card.today :is(:is(.theme-detail section.stats-and-charts) .LHS) .key{
  text-align: right;
  font-size: 11px;
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}.card.today :is(:is(.theme-detail section.stats-and-charts) .LHS) .key span.sortable,.card.today :is(:is(.theme-detail section.stats-and-charts) .LHS) .key a.sortable{
  justify-content: flex-end;
}.et-table table td.card.today :is(:is(.theme-detail section.stats-and-charts) .LHS) .key > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}.card.today :is(:is(.theme-detail section.stats-and-charts) .LHS) .key:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.quote-card .sparkline-chart-container :is(:is(.theme-detail section.stats-and-charts) .LHS) .key{
  padding-left: 0.25rem;
  padding-top: 8px;
  text-align: left;
}:is(:is(:is(.theme-detail section.stats-and-charts) .LHS) .key) span{
  font-size: 17px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(:is(.theme-detail section.stats-and-charts) .LHS) .key) span:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.theme-detail section.stats-and-charts) .LHS) .value {
				font-weight: 200;
				text-align: right;
				font-size: 25px;
			}:is(:is(.theme-detail section.stats-and-charts) .LHS) .value span.sortable,:is(:is(.theme-detail section.stats-and-charts) .LHS) .value a.sortable{
  justify-content: flex-end;
}.et-table table td:is(:is(.theme-detail section.stats-and-charts) .LHS) .value > div.btn-popup-info-wrapper{
  justify-content: flex-end;
}:is(.theme-detail section.stats-and-charts) .chart-container{
  order: 4;
  margin-top: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 10px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}@media (min-width: 768px){:is(.theme-detail section.stats-and-charts) .chart-container{
    width: calc(100% - 294px);
  }
}@media (min-width: 1280px){:is(.theme-detail section.stats-and-charts) .chart-container{
    width: 100%;
  }
}:is(:is(.theme-detail section.stats-and-charts) .chart-container)  > div{
  min-width: 350px;
}@media (min-width: 768px){:is(:is(.theme-detail section.stats-and-charts) .chart-container)  > div{
    flex-grow: 1;
  }
}@media (min-width: 1024px){:is(:is(.theme-detail section.stats-and-charts) .chart-container)  > div{
    width: 100%;
  }
}@media (min-width: 1280px){:is(:is(.theme-detail section.stats-and-charts) .chart-container)  > div{
    flex: 1 1 0%;
  }
}.theme-detail .default-tab-group{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
}.theme-detail .default-tab-group::before{
  position: absolute;
  top: 42.5px;
  left: 0px;
  z-index: -1;
  height: 0;
  width: 100%;
  border-bottom-width: 2px;
  --tw-content: '';
  content: var(--tw-content);
}:is(.theme-detail .default-tab-group) input + label{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px !important;
}@media (min-width: 1280px){:is(.theme-detail .default-tab-group) input + label{
    padding-left: 50px;
    padding-right: 50px;
  }
}.stocks .theme-detail .default-tab-group input:checked + label,.stocks .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.news .theme-detail .default-tab-group input:checked + label,.news .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(201 19 22 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(201 19 22 / var(--tw-border-opacity, 1));
}.futures .theme-detail .default-tab-group input:checked + label,.futures .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.warrants .theme-detail .default-tab-group input:checked + label,.warrants .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(255 102 0 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(255 102 0 / var(--tw-border-opacity, 1));
}.etf .theme-detail .default-tab-group input:checked + label,.etf .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.ashares .theme-detail .default-tab-group input:checked + label,.ashares .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}.forex .theme-detail .default-tab-group input:checked + label,.forex .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.bitcoin .theme-detail .default-tab-group input:checked + label,.bitcoin .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(146 84 198 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(146 84 198 / var(--tw-border-opacity, 1));
}.funds .theme-detail .default-tab-group input:checked + label,.funds .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(218 180 1 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(218 180 1 / var(--tw-border-opacity, 1));
}.mpf .theme-detail .default-tab-group input:checked + label,.mpf .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(86 153 0 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(86 153 0 / var(--tw-border-opacity, 1));
}.property .theme-detail .default-tab-group input:checked + label,.property .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(26 90 144 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(26 90 144 / var(--tw-border-opacity, 1));
}.lifestyle .theme-detail .default-tab-group input:checked + label,.lifestyle .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(34 189 189 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(34 189 189 / var(--tw-border-opacity, 1));
}.wiki .theme-detail .default-tab-group input:checked + label,.wiki .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(151 149 240 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(151 149 240 / var(--tw-border-opacity, 1));
}.attraction .theme-detail .default-tab-group input:checked + label,.attraction .theme-detail .default-tab-group label:hover{
  --tw-text-opacity: 1;
  color: rgb(223 100 54 / var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgb(223 100 54 / var(--tw-border-opacity, 1));
}@media (min-width: 768px){.theme-detail.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(74px));
  }
}@media (min-width: 1024px){.theme-detail.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(101px)) !important;
  }
}@media (min-width: 768px){.theme-detail .et-table table thead.sticky-element{
    top: calc(74px);
  }
}@media (min-width: 1024px){.theme-detail .et-table table thead.sticky-element{
    top: calc(101px) !important;
  }
}.chart-distribution{
  width: 100%;
}@media (min-width: 1280px){.chart-distribution{
    width: 320px;
  }
}.chart-distribution .title{
  font-size: 17px;
  font-weight: 700;
}.chart-distribution .legend{
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}:is(.chart-distribution .legend) .item{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
}:is(.chart-distribution .legend) .item > div{
  align-self: center;
}:is(.chart-distribution .legend) .item::before{
  display: block;
  height: 13px;
  width: 13px;
  --tw-content: '';
  content: var(--tw-content);
}.chart-distribution .chart-body{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}:is(.chart-distribution .chart-body) .item{
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 13px;
  line-height: 1;
}.et-table{
  margin-top: 0px !important;
}.et-table.responsive .etf.quote-dividend table tr{
  display: grid;
  grid-template-columns: 100px auto 100px;
}@media (min-width: 768px){.et-table.responsive .etf.quote-dividend table tr{
    grid-template-columns: 100px 100px auto repeat(4,100px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.quote-dividend table tr{
    grid-template-columns: 120px 100px auto repeat(4,120px);
  }
}.et-table.responsive .etf.theme-detail.overview table tr{
  display: grid;
  grid-template-columns: 50px auot 120px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.theme-detail.overview table tr{
    grid-template-columns: 80px 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.theme-detail.overview table tr{
    grid-template-columns: 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.theme-detail.overview table tr{
    grid-template-columns: 80px 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.theme-detail.overview table tr{
    grid-template-columns: 50px 70px 150px auto repeat(4,125px);
  }
}.et-table.responsive .etf.theme-detail.performance_risk table tr{
  display: grid;
  grid-template-columns: 50px 140px auto;
}@media (min-width: 768px){.et-table.responsive .etf.theme-detail.performance_risk table tr{
    grid-template-columns: 80px 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.theme-detail.performance_risk table tr{
    grid-template-columns: 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.theme-detail.performance_risk table tr{
    grid-template-columns: 80px 80px 140px auto repeat(4,120px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.theme-detail.performance_risk table tr{
    grid-template-columns: 50px 70px 150px auto repeat(4,125px);
  }
}.et-table.responsive .etf.theme-detail.divident_expenditure table tr{
  display: grid;
  grid-template-columns: 50px 140px auto;
}@media (min-width: 768px){.et-table.responsive .etf.theme-detail.divident_expenditure table tr{
    grid-template-columns: 80px 80px 140px auto repeat(2,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.theme-detail.divident_expenditure table tr{
    grid-template-columns: 80px 140px auto repeat(2,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.theme-detail.divident_expenditure table tr{
    grid-template-columns: 80px 80px 140px auto repeat(2,120px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.theme-detail.divident_expenditure table tr{
    grid-template-columns: 50px 70px 150px auto repeat(2,125px);
  }
}.et-table.responsive .etf.theme-detail.benchmark table tr{
  display: grid;
  grid-template-columns: 50px 140px auto;
}@media (min-width: 768px){.et-table.responsive .etf.theme-detail.benchmark table tr{
    grid-template-columns: 50px 70px 140px auto repeat(5,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.theme-detail.benchmark table tr{
    grid-template-columns: 80px 140px auto repeat(5,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.theme-detail.benchmark table tr{
    grid-template-columns: 80px 80px 140px auto repeat(5,120px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.theme-detail.benchmark table tr{
    grid-template-columns: 50px 70px 150px auto repeat(5,125px);
  }
}.et-table.responsive .etf.screener-performance table tr{
  display: grid;
  grid-template-columns: 50px auto 95px 50px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-performance table tr{
    grid-template-columns: 50px 70px auto 120px 50px repeat(3,100px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.screener-performance table tr{
    grid-template-columns: 50px auto 120px 50px repeat(3,100px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-performance table tr{
    grid-template-columns: 50px 70px auto 115px 50px repeat(2,110px) 100px;
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-performance table tr{
    grid-template-columns: 50px 70px auto 120px 50px 115px repeat(4,100px);
  }
}.et-table.responsive .etf.screener-performance-us table tr{
  display: grid;
  grid-template-columns: auto 120px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-performance-us table tr{
    grid-template-columns: 80px auto 80px repeat(3,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.screener-performance-us table tr{
    grid-template-columns: auto 80px repeat(3,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-performance-us table tr{
    grid-template-columns: 80px auto 50px 130px repeat(4,120px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-performance-us table tr{
    grid-template-columns: 80px auto 50px 130px repeat(4,105px);
  }
}@media (min-width: 1920px){.et-table.responsive .etf.screener-performance-us table tr{
    grid-template-columns: 100px auto 80px 150px repeat(3,140px) 120px;
  }
}.et-table.responsive .etf.screener-return table tr {
	padding-bottom: 0;
	padding-top: 0;
	display: grid;
	grid-template-columns: 50px auto repeat(2,120px);
}@media (min-width: 768px){.et-table.responsive .etf.screener-return table tr{
    grid-template-columns: 50px 70px auto repeat(4,110px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-return table tr{
    grid-template-columns: 50px 70px auto 120px repeat(3,130px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-return table tr{
    grid-template-columns: 50px 70px auto 120px repeat(6,90px);
  }
}.et-table.responsive .etf.screener-risk table tr {
	padding-bottom: 0;
	padding-top: 0;
	display: grid;
	grid-template-columns: 50px auto repeat(2,110px);
}@media (min-width: 768px){.et-table.responsive .etf.screener-risk table tr{
    grid-template-columns: 50px 70px auto repeat(3,160px);
  }
}.et-table.responsive .etf.screener-dividend table tr {
	padding-bottom: 0;
	padding-top: 0;
	display: grid;
	grid-template-columns: 50px auto 120px 80px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-dividend table tr{
    grid-template-columns: 50px 70px auto 75px 120px 75px 90px 75px;
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-dividend table tr{
    grid-template-columns: 50px 70px auto 90px 180px 90px 180px 90px;
  }
}@media (min-width: 1920px){.et-table.responsive .etf.screener-dividend table tr{
    grid-template-columns: 50px 70px auto 110px 210px 110px 210px 110px;
  }
}.et-table.responsive .etf.screener-asset table tr{
  display: grid;
  grid-template-columns: 50px auto 50px 100px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-asset table tr{
    grid-template-columns: 50px auto 50px repeat(5,120px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.screener-asset table tr{
    grid-template-columns: 50px auto 60px 100px 150px 90px;
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-asset table tr{
    grid-template-columns: 50px auto 60px 100px 100px 100px 180px 90px;
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-asset table tr{
    grid-template-columns: 50px 70px auto 60px 90px 90px 110px 150px 90px;
  }
}@media (min-width: 1920px){.et-table.responsive .etf.screener-asset table tr{
    grid-template-columns: 50px 70px auto 60px 130px 120px 120px 260px 110px;
  }
}.et-table.responsive .etf.screener-basic-info table tr{
  display: grid;
  grid-template-columns: 50px auto 120px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-basic-info table tr{
    grid-template-columns: 50px auto 120px 120px 200px 120px;
  }
}@media (min-width: 1024px){.et-table.responsive .etf.screener-basic-info table tr{
    grid-template-columns: 50px auto repeat(4,120px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-basic-info table tr{
    grid-template-columns: 50px 70px auto 130px 110px 110px 150px 110px;
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-basic-info table tr{
    grid-template-columns: 50px 70px auto 100px 90px 90px 100px 150px 110px;
  }
}@media (min-width: 1920px){.et-table.responsive .etf.screener-basic-info table tr{
    grid-template-columns: 50px 70px auto 120px 120px 100px 110px 180px 100px 110px;
  }
}.et-table.responsive .etf.screener-technical table tr{
  display: grid;
  grid-template-columns: 50px auto 120px 120px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-technical table tr{
    grid-template-columns: 50px 70px auto repeat(3,140px);
  }
}@media (min-width: 1024px){.et-table.responsive .etf.screener-technical table tr{
    grid-template-columns: 50px 70px auto repeat(3,120px);
    grid-template-columns: 50px 70px auto repeat(3,150px);
  }
}.et-table.responsive .etf.screener-rating table tr{
  display: grid;
  grid-template-columns: 50px auto 90px 90px;
}@media (min-width: 768px){.et-table.responsive .etf.screener-rating table tr{
    grid-template-columns: 50px auto repeat(6,80px);
  }
}@media (min-width: 1280px){.et-table.responsive .etf.screener-rating table tr{
    grid-template-columns: 50px 70px auto repeat(6,100px);
  }
}@media (min-width: 1600px){.et-table.responsive .etf.screener-rating table tr{
    grid-template-columns: 50px 70px auto repeat(6,120px);
  }
}.et-table.responsive .etf table tr.header td{
  align-self: flex-end;
  border-width: 0px;
  padding-left: 5px;
  padding-right: 5px;
}@media (min-width: 1600px){.et-table.responsive .etf table tr.header td{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}.et-table.responsive .etf table tr.row{
  align-items: stretch;
  border-bottom-width: 1px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}.et-table.responsive .etf table tr.row:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
}.et-table.responsive .etf table tr.row:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
}.et-table.responsive .etf table tr.row:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.et-table.responsive .etf table tr.row:last-child{
  border-bottom-width: 0px;
}@media (min-width: 768px){.etf.tablefilter
	.default-popup-panel
	> input.popup-control:checked
	~ .default-popup-content
	.contentItems
	.input-items{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.etf.tablefilter .default-popup-panel .default-popup-content{
  width: 100%;
  align-items: center;
  justify-content: center;
}@media (min-width: 1280px){.etf.tablefilter .default-popup-panel .default-popup-content{
    display: none;
  }.etf.tablefilter{
    display: none;
  }
}.etf.tablefilter .filter-table-row-count,
.etf.tablefilter .default-popup-panel{
  display: none;
}@media (min-width: 768px){.livebar-sticky.etf.etf-screener-us .et-table table thead.sticky-element{
    top: calc(32px + calc(74px));
  }
}@media (min-width: 1024px){.livebar-sticky.etf.etf-screener-us .et-table table thead.sticky-element{
    top: calc(32px + calc(101px)) !important;
  }
}@media (min-width: 768px){.etf.etf-screener-us .et-table table thead.sticky-element{
    top: calc(74px);
  }
}@media (min-width: 1024px){.etf.etf-screener-us .et-table table thead.sticky-element{
    top: calc(101px) !important;
  }
}@media (min-width: 768px){.et-table table thead.sticky-element tr.header td{
    padding-top: 10px;
  }
}/* special handle for deposit rate filter */@media only screen and (min-width: 1700px) {
	.etf.tablefilter{
    justify-content: flex-start;
  }

	.etf.filter-table-row-count{
    display: none;
  }

	.etf.tablefilter .default-popup-panel{
    display: none;
  }

	.etf.tablefilter .default-popup-panel .default-popup-trigger{
    display: none;
  }

	.etf.tablefilter .default-popup-panel .default-popup-content{
    display: flex;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems > div{
    align-self: center;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems
		.input-items{
    display: flex;
    gap: 10px;
  }

	.etf.tablefilter
		.default-popup-panel
		> input.popup-control:checked
		~ .default-popup-content
		.contentItems{
    display: block;
  }

	.etf.tablefilter
		.default-popup-panel
		> input.popup-control:checked
		~ .default-popup-content
		.contentItems
		.input-items
		> div:not(.display-in-popup-only){
    display: none;
  }

	.etf.tablefilter .inputtext-dropdown,
	.etf.tablefilter .inputnumber-dropdown{
    width: 167px;
  }
}@media only screen and (min-width: 1900px) {
	.etf.tablefilter{
    justify-content: flex-start;
  }

	.etf.filter-table-row-count{
    display: none;
  }

	.etf.tablefilter .default-popup-panel .default-popup-trigger{
    display: none;
  }

	.etf.tablefilter .default-popup-panel .default-popup-content{
    display: flex;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems > div{
    align-self: center;
  }

	.etf.tablefilter
		.default-popup-panel
		.default-popup-content
		.contentWrapper
		.contentItems
		.input-items{
    display: flex;
    gap: 10px;
  }

	.etf.tablefilter
		.default-popup-panel
		> input.popup-control:checked
		~ .default-popup-content
		.contentItems
		.input-items
		> div:not(.display-in-popup-only){
    display: none;
  }

	.etf.tablefilter .inputtext-dropdown,
	.etf.tablefilter .inputnumber-dropdown{
    width: 167px;
  }
}.etf.tablefilter .inputtext-dropdown > input,
.etf.tablefilter .inputnumber-dropdown > input{
  width: 105px;
}.btn-compare{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 66px;
  cursor: pointer;
  gap: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}.btn-compare > div{
  align-self: center;
}.btn-compare:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.btn-compare::after{
  position: absolute;
  right: 0.25rem;
  top: 1.5px;
  height: 20px;
  width: 20px;
  --tw-content: url(/web_common/images/buttons/btn-compare.svg);
  content: var(--tw-content);
}.btn-compare.xl::after{
  top: 4px;
}.btn-follow{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 62px;
  cursor: pointer;
  gap: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}.btn-follow > div{
  align-self: center;
}.btn-follow:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}.btn-follow::after{
  position: absolute;
  right: 0.25rem;
  top: 5px;
  height: 15px;
  width: 15px;
  --tw-content: url(/web_common/images/buttons/btn-follow.svg);
  content: var(--tw-content);
}.btn-follow:hover,
.btn-compare:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks .btn-follow:hover,.stocks 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news .btn-follow:hover,.news 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures .btn-follow:hover,.futures 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants .btn-follow:hover,.warrants 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf .btn-follow:hover,.etf 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares .btn-follow:hover,.ashares 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex .btn-follow:hover,.forex 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin .btn-follow:hover,.bitcoin 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds .btn-follow:hover,.funds 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf .btn-follow:hover,.mpf 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property .btn-follow:hover,.property 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle .btn-follow:hover,.lifestyle 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki .btn-follow:hover,.wiki 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction .btn-follow:hover,.attraction 
.btn-compare:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.btn-follow:hover::after,
.btn-compare:hover::after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}.icon-only-button{
  border-width: 0px !important;
  background-color: transparent !important;
  padding: 0px;
}.icon-only-button:hover{
  background-color: transparent !important;
}.icon-only-button:hover::after{
  opacity: 0.7;
  --tw-invert: invert(0) !important;
  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) !important;
}/* etf theme detail bottom compare panel */.compare-panel-container{
  position: relative;
}.etf-compare-trigger{
  display: none;
}.compare-panel.active{
  position: fixed;
  bottom: 8%;
  left: 10px;
  z-index: 99999;
  display: block;
  width: calc(100% - 20px);
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: min(3vw,30px);
}.compare-panel.active:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}@media (min-width: 1280px){.compare-panel.active{
    left: 15%;
    width: 70%;
  }
}.compare-panel{
  display: none;
}.compare-panel button.close{
  position: absolute;
  top: 0px;
  right: -10px;
  z-index: 10;
  display: block;
  --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));
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
}.compare-panel button.close:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.compare-panel .title {
		font-family: "Noto Sans HK", sans-serif;
		font-weight: 500;
		font-size: 19px;
		line-height: 1;
	}@media (min-width: 1280px){.compare-panel .title{
    font-size: 29px;
  }
}.compare-panel .button.disabled,.compare-panel .button.disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.compare-panel .compare-list{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}.compare-panel .compare-list > div{
  align-self: center;
}:is(.compare-panel .compare-list) .card{
  position: relative;
  max-width: 350px;
  flex: 1 1 0%;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(.compare-panel .compare-list) .card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.compare-panel .compare-list) .card):nth-child(3n){
  display: none;
}@media (min-width: 1024px){:is(:is(.compare-panel .compare-list) .card):nth-child(3n){
    display: block;
  }
}.compare-list{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.compare-list > div{
  align-self: center;
}.compare-list .card{
  position: relative;
  border-radius: 0.75rem;
}/* +++++++ etf 比較 page +++++++ */.etf-compare ul.etf-search-list{
  display: flex;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0px;
}:is(.etf-compare ul.etf-search-list) li{
  position: relative;
  width: 50%;
}@media (min-width: 768px){:is(.etf-compare ul.etf-search-list) li{
    flex: none;
  }
}@media (min-width: 1024px){:is(.etf-compare ul.etf-search-list) li{
    width: 27%;
  }
}:is(:is(.etf-compare ul.etf-search-list) li)  > div{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 95%;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-top: 15px;
  padding-bottom: 15px;
}:is(:is(.etf-compare ul.etf-search-list) li)  > div > div{
  align-self: center;
}:is(:is(.etf-compare ul.etf-search-list) li)  > div:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div){
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) > div{
  align-self: center;
}@media (min-width: 1600px){.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div){
    gap: 10px;
  }
}.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) span.code{
  font-size: 13px;
}@media (min-width: 768px){.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) span.code{
    font-size: 17px;
  }
}.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) span.name{
  font-size: 13px;
}@media (min-width: 768px){.etf:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) span.name{
    font-size: 19px;
  }
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div){
  display: flex;
  flex-direction: row;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) > div{
  align-self: center;
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div):is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) input{
  height: 35px;
  width: 70%;
  border-width: 1px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 15px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}@media (min-width: 768px){.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) input{
    width: 80%;
  }
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button{
  width: 48px;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  --tw-border-opacity: 1;
  border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 234 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
}.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after{
  height: 30px;
  width: 30px;
  border-width: 0px;
  outline-width: 0px;
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}:is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button):is(.dark *)::after{
  --tw-content: url('/web_common/images/buttons/btn-search-white.svg');
  content: var(--tw-content);
}.search-popup-box :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button):is(.dark *)::after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.menu-panel-wrapper.sticky-menu .search-panel .search-popup-box.laptop :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button):is(.dark *)::after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.menu-panel :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after,
	.desktop-header :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after{
  height: 25px;
  width: 25px;
}@media (min-width: 1024px){.search-panel .mobile:is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after{
    display: none;
  }
}.search-panel .btn-search-wrapper :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button):is(.dark *)::after{
  --tw-content: url('/web_common/images/buttons/btn-search.svg');
  content: var(--tw-content);
}.mobile:is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after, .search-popup .search-popup-box :is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button)::after{
  height: 20px;
  width: 20px;
}:is(.search:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) button):is(.dark *)::after{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) .btn-close{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  display: block;
  --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));
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding-bottom: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1;
}:is(:is(:is(.etf-compare ul.etf-search-list) li) > div) .btn-close:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  --tw-invert: invert(0) !important;
  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) !important;
}:is(:is(.etf-compare ul.etf-search-list) li):nth-child(3n){
  display: none;
}@media (min-width: 1024px){:is(:is(.etf-compare ul.etf-search-list) li):nth-child(3n){
    display: block;
  }
}.etf-compare .sparkline.range .highcharts-axis-labels text:is(.dark *){
  fill: #FFFFFF !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.etf-compare ul.compare-list{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0px;
}.etf-compare ul.compare-list > div{
  align-self: center;
}:is(.etf-compare ul.compare-list) li{
  position: relative;
  width: 50%;
}@media (min-width: 768px){:is(.etf-compare ul.compare-list) li{
    flex: none;
  }
}@media (min-width: 1024px){:is(.etf-compare ul.compare-list) li{
    width: 27%;
  }
}:is(:is(.etf-compare ul.compare-list) li):nth-child(3n){
  display: none;
}@media (min-width: 1024px){:is(:is(.etf-compare ul.compare-list) li):nth-child(3n){
    display: flex;
  }
}:is(:is(.etf-compare ul.compare-list) li) .chg{
  margin-right: 10px;
}.etf-compare ul.compare-list.double-charts{
  flex-wrap: wrap;
}:is(:is(.etf-compare ul.compare-list.double-charts) li):first-child{
  margin-top: 10px;
}:is(.etf-compare ul.compare-list.double-charts) li{
  flex-basis: 100%;
}@media (min-width: 768px){:is(.etf-compare ul.compare-list.double-charts) li{
    margin-top: 10px;
    flex: 1 1 0%;
  }
}.etf-compare ul.compare-list::before,.etf-compare ul.etf-search-list::before {
		content: "";
		display: none;
		width: 17%;
	}@media (min-width: 768px){.etf-compare ul.compare-list::before,.etf-compare ul.etf-search-list::before{
    display: block;
  }
}.etf-compare .table-data ul.compare-list {
		--subtitle: attr(data-subtitle);
		justify-content: flex-start;
		border-top-width: 1px;
		border-style: dotted;
	}:is(.etf-compare .table-data ul.compare-list):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}:is(.etf-compare .table-data ul.compare-list):hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(.etf-compare .table-data ul.compare-list):first-child{
  border-style: none;
}:is(.etf-compare .table-data ul.compare-list)::before {
			content: var(--subtitle);
			display: none;
			width: 17%;
			place-self: start;
			padding: 10px;
			text-align: right;
			font-weight: 400 !important;
		}:is(.etf-compare .table-data ul.compare-list) span.sortable::before,:is(.etf-compare .table-data ul.compare-list) a.sortable::before{
  justify-content: flex-end;
}.et-table table td:is(.etf-compare .table-data ul.compare-list) > div.btn-popup-info-wrapper::before{
  justify-content: flex-end;
}@media (min-width: 1024px){:is(.etf-compare .table-data ul.compare-list)::before{
    display: flex;
    align-items: center;
  }
}:is(.etf-compare .table-data ul.compare-list)::before,:is(.etf-compare .table-data ul.compare-list) li{
  align-self: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
}:is(.etf-compare .table-data ul.compare-list) li{
  position: relative;
  display: block;
  justify-content: center;
  gap: 0.25rem;
  text-align: center;
}@media (min-width: 1024px){:is(.etf-compare .table-data ul.compare-list) li{
    display: flex;
    flex-direction: row;
    align-items: center;
  }

	:is(.etf-compare .table-data ul.compare-list) li > div{
    align-self: center;
  }
}.win:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 25px;
  --tw-content: url(/web_common/images/icons/crown.svg);
  content: var(--tw-content);
}@media (min-width: 1024px){.win:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
    margin-left: 0px;
    margin-right: 0px;
  }
}.win2:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 25px;
  --tw-content: url(/web_common/images/icons/crown_v1_64.svg);
  content: var(--tw-content);
}@media (min-width: 1024px){.win2:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
    margin-left: 0px;
    margin-right: 0px;
  }
}.win3:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 25px;
  --tw-content: url(/web_common/images/icons/crown_v2_64.svg);
  content: var(--tw-content);
}@media (min-width: 1024px){.win3:is(:is(.etf-compare .table-data ul.compare-list) li)::after{
    margin-left: 0px;
    margin-right: 0px;
  }
}:is(:is(.etf-compare .table-data ul.compare-list) li):nth-child(3n){
  display: none;
}@media (min-width: 1024px){:is(:is(.etf-compare .table-data ul.compare-list) li):nth-child(3n){
    display: flex;
  }
}:is(.etf-compare .table-data ul.compare-list) li::before {
			content: var(--subtitle);
			position: relative;
			z-index: 10;
			display: block;
			width: 100%;
			font-size: 12px;
		}@media (min-width: 1024px){:is(.etf-compare .table-data ul.compare-list) li::before{
    display: none;
  }
}.hasPopupInfo:is(.etf-compare .table-data ul.compare-list)::before{
  width: 0px;
  padding: 0px;
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):first-child{
  display: none;
  width: 17%;
  justify-content: flex-start;
  padding-left: 10px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400 !important;
}@media (min-width: 1024px){:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):first-child{
    display: flex;
  }
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li)::before{
  display: none;
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li) .subtitle{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 12px !important;
  font-weight: 400 !important;
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li) .subtitle > div{
  align-self: center;
}@media (min-width: 1024px){:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li) .subtitle{
    display: none;
  }
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(3n){
  display: block;
}@media (min-width: 1024px){:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(3n){
    display: flex;
    flex-direction: row;
    align-items: center;
  }

	:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(3n) > div{
    align-self: center;
  }
}:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(4n){
  display: none;
}@media (min-width: 1024px){:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(4n){
    display: flex;
    flex-direction: row;
    align-items: center;
  }

	:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li):nth-child(4n) > div{
    align-self: center;
  }
}.rating:is(.hasPopupInfo:is(.etf-compare .table-data ul.compare-list) li){
  font-size: 25px;
  font-weight: 700;
}.etf-compare section > .title{
  margin-top: min(3vw,30px);
  margin-bottom: min(3vw,30px);
  font-size: 29px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}.etf-compare section > .title.no-chart{
  margin-bottom: 20px;
}.etf-compare section > .title.after-table{
  margin-top: 20px;
}/* ------ etf 比較 page ------ *//* ++++++ etf 篩選器 page ++++++ */.etf-screener .main-container{
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 768px){.etf-screener .main-container{
    padding-left: 10px;
    padding-right: 10px;
  }
}@media (min-width: 1024px){.etf-screener .main-container{
    padding-left: 0px;
    padding-right: 0px;
  }
}@media (min-width: 1600px){.etf-screener .main-container{
    padding-left: 20px;
    padding-right: 20px;
  }
}.etf-screener #breadcrumbs{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
}@media (min-width: 768px){.etf-screener #breadcrumbs{
    padding-left: 0px;
    padding-right: 0px;
  }
}.etf-screener .main > section{
  padding-left: min(3vw,30px);
  padding-right: min(3vw,30px);
}@media (min-width: 768px){.etf-screener .main > section{
    padding-left: 0px;
    padding-right: 0px;
  }
}.screener-table:is(.etf-screener .main > section){
  margin-top: min(3vw,30px);
  padding-left: 0px;
  padding-right: 0px;
}@media (min-width: 768px){.etf-screener.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(74px));
  }
}@media (min-width: 1024px){.etf-screener.livebar-sticky .et-table table thead.sticky-element{
    top: calc(32px + calc(101px)) !important;
  }
}@media (min-width: 768px){.etf-screener .et-table table thead.sticky-element{
    top: calc(74px);
  }
}@media (min-width: 1024px){.etf-screener .et-table table thead.sticky-element{
    top: calc(101px) !important;
  }
}.etf-screener search .filter-panel{
  flex-direction: row;
  align-items: center;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  padding: 10px;
}.etf-screener search .filter-panel > div{
  align-self: center;
}.etf-screener search .filter-panel:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1024px){.etf-screener search .filter-panel{
    margin-top: 10px;
  }
}:is(.etf-screener search .filter-panel) .inputsearch-wrapper{
  width: -moz-fit-content;
  width: fit-content;
}@media (min-width: 768px){:is(.etf-screener search .filter-panel) .inputsearch-wrapper{
    width: auto;
  }
}:is(:is(.etf-screener search .filter-panel) .inputsearch-wrapper)  > input{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}:is(:is(.etf-screener search .filter-panel) .inputsearch-wrapper)  > input:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener search .filter-panel) .inputsearch-wrapper) ::-moz-placeholder{
  font-size: 15px;
}:is(:is(.etf-screener search .filter-panel) .inputsearch-wrapper) ::placeholder{
  font-size: 15px;
}:is(.etf-screener search .filter-panel) .inputsearch-wrapper:after{
  top: 4px;
  right: 5px;
  height: 20px;
  width: 20px;
}:is(.etf-screener search .filter-panel) label[for="screener-popup-trigger"]{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  padding-top: 2px;
  padding-bottom: 2px;
}:is(.etf-screener search .filter-panel) label[for="screener-popup-trigger"] > div{
  align-self: center;
}:is(:is(.etf-screener search .filter-panel) label[for="screener-popup-trigger"]):hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener search .filter-panel) .inputtext{
  padding-left: 5px;
  padding-right: 5px;
}:is(.etf-screener search .filter-panel) .inputtext,:is(.etf-screener search .filter-panel) select{
  height: 28.5px;
}:is(.etf-screener search .filter-panel) .btn-filter{
  height: 30px;
  width: 30px;
}:is(.etf-screener search .filter-panel) .btn-filter:hover{
  background-color: transparent;
}:is(.etf-screener search .filter-panel) .custom-checkbox-dropdown-wrapper .overlay-content label{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(.etf-screener search .filter-panel) .custom-checkbox-dropdown-wrapper .overlay-content label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener search .filter-panel) .custom-checkbox-dropdown-wrapper .overlay-content label) i:is(.dark *){
  --tw-brightness: brightness(50%);
  --tw-contrast: contrast(90%);
  --tw-hue-rotate: hue-rotate(178deg);
  --tw-invert: invert(50%) !important;
  --tw-saturate: saturate(336%);
  --tw-sepia: sepia(4%);
  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);
}.etf-screener .default-popup-panel > input:checked ~ .default-popup-content
		.contentWrapper{
  max-height: 95%;
}@media (min-width: 1280px){.etf-screener .default-popup-panel > input:checked ~ .default-popup-content
		.contentWrapper{
    height: 95%;
    width: 80vw;
  }
}.etf-screener .screener-popup-content{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}.etf-screener .screener-popup-content:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) .inputtext{
  height: 32px;
}:is(.etf-screener .screener-popup-content) .inputsearch-wrapper{
  width: -moz-max-content;
  width: max-content;
}:is(.etf-screener .screener-popup-content) .screener-popup-title {
			font-family: "Noto Sans HK", sans-serif;
			font-weight: 500;
			width: 100%;
			--tw-bg-opacity: 1;
			background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
			padding: 10px;
			text-align: center;
			font-size: 24px;
		}:is(.etf-screener .screener-popup-content) .screener-popup-title:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) .filters-wrapper{
  height: 68vh;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
}:is(:is(.etf-screener .screener-popup-content) .filters-wrapper) .filters-content{
  display: grid;
  gap: 30px;
  padding: min(3vw,30px);
}@media (min-width: 768px){:is(:is(.etf-screener .screener-popup-content) .filters-wrapper) .filters-content{
    grid-template-columns: repeat(2,max-content);
  }
}@media (min-width: 1280px){:is(:is(.etf-screener .screener-popup-content) .filters-wrapper) .filters-content{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    -moz-column-gap: 50px;
         column-gap: 50px;
    padding-bottom: 0px !important;
  }
}:is(:is(:is(.etf-screener .screener-popup-content) .filters-wrapper) .filters-content) > div{
  white-space: nowrap;
}:is(:is(.etf-screener .screener-popup-content) .filters-wrapper) .field-grp-title {
				font-weight: 700;
				margin-bottom: 20px;
				font-size: 18px;
				line-height: 1;
			}:is(.etf-screener .screener-popup-content) .custom-checkbox-dropdown-wrapper > label{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}:is(.etf-screener .screener-popup-content) .custom-checkbox-dropdown-wrapper > label:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) .custom-checkbox-dropdown-wrapper > label) i:is(.dark *){
  --tw-brightness: brightness(50%);
  --tw-contrast: contrast(90%);
  --tw-hue-rotate: hue-rotate(178deg);
  --tw-invert: invert(50%) !important;
  --tw-saturate: saturate(336%);
  --tw-sepia: sepia(4%);
  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);
}:is(.etf-screener .screener-popup-content) input{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) .button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) .button):hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}@media (min-width: 1280px){:is(.etf-screener ul.flex-row-fields) > li:first-child{
    width: 90px;
  }:is(.etf-screener ul.flex-row-fields) > li:nth-child(2){
    flex-grow: 1;
  }
}.etf-screener .flex-col-field-grp{
  display: flex;
  flex-direction: column;
  gap: 15px;
}:is(.etf-screener .radio-with-rangeslider) .range-slider-wrapper-container{
  width: calc(100% - 90px);
}.etf-screener .tablefilter .btn-filter-wrapper{
  top: 0px;
}.etf-screener .tablefilter .btn-filter-wrapper.hasOptions{
  margin-right: 10px;
}.etf-screener .tablefilter .btn-filter-wrapper.hasOptions::after {
		z-index: 1;
	}.etf-screener .tablefilter .tablefilter-option-selected{
  border-width: 0px;
}.etf-screener .tablefilter .tablefilter-option-selected input + label{
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 161 189 / var(--tw-border-opacity, 1));
}/* ------ etf 篩選器 page ------ *//* ++++++ etf 市場研究所 page ++++++ */.etf-research section.etf-research{
  margin-top: min(3vw,30px);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 20px;
}@media (min-width: 768px){.etf-research section.etf-research{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}@media (min-width: 1920px){.etf-research section.etf-research{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}:is(.etf-research section.etf-research) .card{
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 20px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(:is(.etf-research section.etf-research) .card) .title{
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) .sub-title{
  display: inline-block;
  line-height: 1;
}:is(:is(.etf-research section.etf-research) .card) .big-num{
  font-size: 27px;
}:is(:is(.etf-research section.etf-research) .card) .num-unit{
  margin-left: 0.25rem;
  font-size: 15px;
  font-weight: 400;
}:is(:is(.etf-research section.etf-research) .card) .quote-card{
  margin-top: 10px;
  display: flex;
  height: 150px;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(:is(.etf-research section.etf-research) .card) .quote-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) h5{
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1;
}@media (min-width: 1920px){:is(:is(.etf-research section.etf-research) .card) h5{
    font-size: 19px;
  }
}:is(:is(.etf-research section.etf-research) .card) .chart-distribution{
  width: 100%;
}:is(:is(:is(.etf-research section.etf-research) .card) .chart-distribution) .item{
  height: 20px;
  font-size: 15px;
}:is(:is(:is(.etf-research section.etf-research) .card) .chart-distribution) .legend{
  margin-top: 10px;
  flex-wrap: wrap;
}:is(:is(:is(:is(.etf-research section.etf-research) .card) .chart-distribution) .legend) .item{
  font-size: 15px;
  line-height: 1;
}:is(:is(:is(:is(:is(.etf-research section.etf-research) .card) .chart-distribution) .legend) .item)::before{
  height: 15px;
  width: 15px;
  line-height: 1;
}.et-table table td :is(:is(.etf-research section.etf-research) .card) button{
  overflow-wrap: normal;
  word-break: normal;
}:is(:is(.etf-research section.etf-research) .card) button{
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1;
}:is(:is(.etf-research section.etf-research) .card) button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
}:is(:is(.etf-research section.etf-research) .card) button.s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.etf-research section.etf-research) .card) button.m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.etf-research section.etf-research) .card) button.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.etf-research section.etf-research) .card) button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.etf-research section.etf-research) .card) button.l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.etf-research section.etf-research) .card) button.l{
  font-size: 15px;
}.et-grid :is(:is(.etf-research section.etf-research) .card) button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.etf-research section.etf-research) .card) button.l{
    font-size: 19px;
  }
}:is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.s{
  font-size: 11px;
  font-weight: 400;
}:is(:is(.etf-research section.etf-research) .card) button.m{
  font-size: 13px;
  font-weight: 400;
}:is(:is(.etf-research section.etf-research) .card) button.l{
  font-size: 15px;
  font-weight: 400;
}.et-list li :is(:is(.etf-research section.etf-research) .card) button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-list li :is(:is(.etf-research section.etf-research) .card) button.l{
    font-size: 18px;
  }
}.et-list.small li :is(:is(.etf-research section.etf-research) .card) button.l{
  font-size: 15px;
}.et-grid :is(:is(.etf-research section.etf-research) .card) button.l{
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 400;
}@media (min-width: 1024px){.et-grid :is(:is(.etf-research section.etf-research) .card) button.l{
    font-size: 19px;
  }
}:is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.stocks :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.etf-research section.etf-research) .card) button.active{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.disable{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.disable:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.voting{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}:is(:is(.etf-research section.etf-research) .card) button.voting::before{
  margin-right: 0.25rem;
  display: inline-block;
  height: 10px;
  width: 46px;
  background-image: url(/web_common/images/icons/voting_icon_white.svg);
  --tw-content: "";
  content: var(--tw-content);
}body :is(:is(.etf-research section.etf-research) .card) button.voting:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(24 207 214 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}body :is(:is(.etf-research section.etf-research) .card) button.default:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction :is(:is(.etf-research section.etf-research) .card) button:not(.disable):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button::after{
  right: -0.1rem;
  top: -0.1rem;
}.default-popup-panel .contentWrapper.voting :is(:is(.etf-research section.etf-research) .card) button, .default-popup-panel .contentWrapper.cross-promo :is(:is(.etf-research section.etf-research) .card) button, .default-popup-panel .contentWrapper.attraction :is(:is(.etf-research section.etf-research) .card) button{
		background-color: #cc0e00;
		color: white;
		margin-top: 0px !important;
	}article a:is(:is(.etf-research section.etf-research) .card) button, article a:is(:is(.etf-research section.etf-research) .card) button:hover{
		text-decoration:none;
	}article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.etf-research section.etf-research) .card) button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.etf-research section.etf-research) .card) button.hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.stocks article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.news article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.futures article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.warrants article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.etf article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.ashares article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.forex article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.bitcoin article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.funds article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.mpf article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.property article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.lifestyle article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.wiki article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(151 149 240 / var(--tw-bg-opacity, 1));
}.attraction article a:is(:is(.etf-research section.etf-research) .card) button.hover:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.reply:hover{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(:is(.etf-research section.etf-research) .card) button.reply:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.default-popup-panel > input#tab-re-active-msg-control:checked ~ .default-popup-content .contentWrapper.cross-promo .content .voting-items :is(:is(.etf-research section.etf-research) .card) button {
		font-size: 15px;
		margin-top: 0px;
		width: -moz-min-content;
		width: min-content;
		--tw-bg-opacity: 1;
		background-color: rgb(46 190 192 / var(--tw-bg-opacity, 1));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity, 1))}.ads-hs-banners .ads-hs-banners-buy-btn :is(:is(.etf-research section.etf-research) .card) button.active{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(1 168 158 / var(--tw-bg-opacity, 1));
}.compare-panel :is(:is(.etf-research section.etf-research) .card) button.disabled,.compare-panel :is(:is(.etf-research section.etf-research) .card) button.disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
}:is(.etf-screener .screener-popup-content) :is(:is(.etf-research section.etf-research) .card) button:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}:is(:is(.etf-screener .screener-popup-content) :is(:is(.etf-research section.etf-research) .card) button):hover:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}:is(:is(:is(.etf-research section.etf-research) .card) .inputswitch-radio) input[type="radio"]::after{
  font-size: 15px;
}:is(:is(.etf-research section.etf-research) .card) a.arrow-link::after{
  font-size: 15px;
  line-height: 1;
}/* ------ etf .etf-research page ------ */.quote-discover .star-chart-compare-dropdown{
  display: none;
}:is(:is(.quote-discover section.etf-detail) ul.cards-cols-4) .detail-only{
  display: none;
}.quote-discover .theme-card-list{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}@media (min-width: 768px){.quote-discover .theme-card-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}:is(.quote-discover .theme-card-list) .theme-card{
  max-height: 230px;
  width: 100%;
}@media (min-width: 1600px){:is(.quote-discover .theme-card-list) .theme-card{
    max-height: 250px;
  }
}.quote-discover .analysis-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: min(3vw,30px);
}@media (min-width: 768px){.quote-discover .analysis-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.quote-discover .share-holding-charts{
  display: grid;
  gap: 10px;
}@container quoteRHS (min-width: 600px) {
		.quote-discover .share-holding-charts{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
	}@container quoteRHS (min-width: 1100px) {
		.quote-discover .theme-card-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
	}.quote-analysis .star-chart-compare-dropdown{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}.quote-analysis .star-chart-compare-dropdown > div{
  align-self: center;
}ul.cards-cols-4{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 1280px){ul.cards-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}ul.cards-cols-4 li{
  border-width: 1px;
  padding: 10px;
}:is(ul.cards-cols-4 li) p:first-child{
  font-size: 13px;
  font-weight: 700;
}.et-table td.rating-column{
  background-color: rgb(255,241,226,0.5) !important;
}:is(.et-table td.rating-column) a.sortable{
  --tw-text-opacity: 1 !important;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important;
}:is(.et-table td.rating-column) a.sortable:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1)) !important;
}:is(.et-table td.rating-column) a.sortable:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}:is(.et-table td.rating-column) a.sortable:hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1)) !important;
}:is(.et-table td.rating-column) a.sortable.active{
  --tw-text-opacity: 1 !important;
  color: rgb(0 161 189 / var(--tw-text-opacity, 1)) !important;
}@media (min-width: 1280px){.wallpaper #ads-wallpaper-left,.wallpaper #ads-wallpaper-right{
    width: 140px;
  }
}/* common style */.swiper.fullwidth{
  width: 80%;
}@media (min-width: 768px){.swiper.fullwidth{
    width: 88%;
  }
}.swiper-button-prev::after{
  --tw-content: "\25C0";
  content: var(--tw-content);
}.swiper-button-next::after{
  --tw-content: "\25B6";
  content: var(--tw-content);
}.swiper-button-next, .swiper-button-prev{
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  opacity: 0.8;
}.swiper-button-next:is(.dark *), .swiper-button-prev:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.swiper-button-prev{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}.swiper-button-next{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}.swiper-button-next::after, .swiper-button-prev::after{
  font-size: 20px;
}@media (min-width: 1280px){.swiper-button-next::after, .swiper-button-prev::after{
    font-size: 28px;
  }
}.discover-theme{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.discover-theme{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.discover-theme{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}.etf-home-theme{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}@media (min-width: 768px){.etf-home-theme{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}@media (min-width: 1280px){.etf-home-theme{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}.etf-home-theme-grid, .discover-theme-grid{
  width: 100%;
}.shadow-highlight-card{
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 233 234 / var(--tw-border-opacity, 1));
    box-shadow:0 35px 30px -30px #ccc;
}.shadow-highlight-card.discover-theme-card{
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: min(3vw,30px);
  display: flex;
  min-height: 152px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}.shadow-highlight-card.discover-theme-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1600px){.shadow-highlight-card.discover-theme-card{
    min-height: auto;
    min-height: 172px;
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}.shadow-highlight-card.discover-theme-card .title{
    font-weight:500;
    font-size: 1.125rem;
    line-height: 1.75rem}.shadow-highlight-card.etf-home-theme-card{
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: min(3vw,30px);
  display: flex;
  min-height: 152px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}.shadow-highlight-card.etf-home-theme-card:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}@media (min-width: 1600px){.shadow-highlight-card.etf-home-theme-card{
    min-height: auto;
    min-height: 172px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}.shadow-highlight-card.etf-home-theme-card .title{
    font-weight:700;
    font-size: 24px}.shadow-highlight-card.etf-home-theme-card .subtitle{
    font-weight:700;
}.shadow-highlight-card.etf-home-theme-card .change{
    font-weight:500;
    font-size: 26px}@media (min-width: 768px){.et-table table .m-gp-2,
.et-table table .m-gp-3,
.et-table table .m-gp-4,
.et-table table .m-gp-5{
    display: flex;
    justify-content: flex-end;
  }.tablet\:h1{
    font-size: 36px;
    font-weight: 400;
  }.tablet\:h3{
    font-size: 17px;
    font-weight: 700;
  }.tablet\:flex-row-center{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}@media (min-width: 1024px){.laptop\:flex-row-center{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}@media (min-width: 1280px){.desktop\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: min(3.5vw,30px);
    padding-left: min(3.5vw,30px);
  }@media (min-width: 768px){.desktop\:container{
      max-width: 768px;
    }
  }@media (min-width: 1024px){.desktop\:container{
      max-width: 1024px;
    }
  }@media (min-width: 1280px){.desktop\:container{
      max-width: 1280px;
    }
  }@media (min-width: 1600px){.desktop\:container{
      max-width: 1600px;
    }
  }@media (min-width: 1920px){.desktop\:container{
      max-width: 1920px;
    }
  }.desktop\:container{
    max-width: 100%;
    min-width: 355px;
  }@media (min-width: 768px){.desktop\:container{
      max-width: 100%;
    }
  }@media (min-width: 1024px){.desktop\:container{
      max-width: 100%;
    }
  }@media (min-width: 1280px){.desktop\:container{
      max-width: 100%;
    }
  }@media (min-width: 1600px){.desktop\:container{
      max-width: 1600px;
    }
  }@media (min-width: 1920px){.desktop\:container{
      max-width: 1920px;
    }
  }.desktop\:flex-row-center{
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}@media (min-width: 1600px){

	.et-table td.xl\:center-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

	.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2,
	.et-table table .xl\:center-right.m-gp-3,
	.et-table table .xl\:center-right.m-gp-4,
	.et-table table .xl\:center-right.m-gp-5{
      display: flex;
    }.et-table table .xl\:center-right.t-gp-1{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
    display: none;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-2.t-gp-1,
	.et-table table .xl\:center-right.m-gp-3.t-gp-1,
	.et-table table .xl\:center-right.m-gp-4.t-gp-1,
	.et-table table .xl\:center-right.m-gp-5.t-gp-1{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-1.m-gp-2,
	.et-table table .xl\:center-right.m-gp-1.m-gp-3{
    display: grid;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-1.m-gp-2,
	.et-table table .xl\:center-right.m-gp-1.m-gp-3{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-1.m-gp-2,
	.et-table table .xl\:center-right.m-gp-1.m-gp-3{
    display: grid;
  }

	@media (min-width: 768px){.et-table table .xl\:center-right.m-gp-1.m-gp-2,
	.et-table table .xl\:center-right.m-gp-1.m-gp-3{
      display: flex;
    }.et-table table .xl\:center-right.t-gp-2{
      display: none;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.t-gp-2{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
    display: none;
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
    display: none;
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
    display: none;
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
      display: flex;
    }
  }

	.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
    display: none;
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.m-gp-2.t-gp-2,
	.et-table table .xl\:center-right.m-gp-3.t-gp-2,
	.et-table table .xl\:center-right.m-gp-4.t-gp-2,
	.et-table table .xl\:center-right.m-gp-5.t-gp-2{
      display: flex;
    }.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1024px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: none;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.l-gp-2,
	.et-table table .xl\:center-right.t-gp-2.l-gp-2,
	.et-table table .xl\:center-right.t-gp-3.l-gp-2,
	.et-table table .xl\:center-right.t-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-2.l-gp-2,
	.et-table table .xl\:center-right.m-gp-3.l-gp-2,
	.et-table table .xl\:center-right.m-gp-4.l-gp-2,
	.et-table table .xl\:center-right.m-gp-5.l-gp-2{
      display: flex;
    }.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }

	@media (min-width: 1280px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: none;
    }
  }

	@media (min-width: 1600px){.et-table table .xl\:center-right.d-gp-2,
	.et-table table .xl\:center-right.l-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-2.d-gp-2,
	.et-table table .xl\:center-right.t-gp-3.d-gp-2,
	.et-table table .xl\:center-right.t-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-2.d-gp-2,
	.et-table table .xl\:center-right.m-gp-3.d-gp-2,
	.et-table table .xl\:center-right.m-gp-4.d-gp-2,
	.et-table table .xl\:center-right.m-gp-5.d-gp-2{
      display: flex;
    }
  }
}.before\:m-0::before{
  content: var(--tw-content);
  margin: 0px;
}.before\:bg-\[\#1b3811\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(27 56 17 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#3246a8\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(50 70 168 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#328fa8\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(50 143 168 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#3b7a25\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(59 122 37 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#6bdb44\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(107 219 68 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#a0e6fa\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(160 230 250 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#f5c09d\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(245 192 157 / var(--tw-bg-opacity, 1));
}.before\:bg-\[\#fc6603\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(252 102 3 / var(--tw-bg-opacity, 1));
}.before\:bg-ashares::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.before\:bg-attraction::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.before\:bg-bitcoin::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.before\:bg-diva::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(120 43 144 / var(--tw-bg-opacity, 1));
}.before\:bg-etf::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.before\:bg-forex::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
}.before\:bg-funds::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
}.before\:bg-futures::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.before\:bg-health::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(144 175 116 / var(--tw-bg-opacity, 1));
}.before\:bg-lifestyle::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
}.before\:bg-mpf::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
}.before\:bg-news::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
}.before\:bg-property::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
}.before\:bg-seg::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(239 77 121 / var(--tw-bg-opacity, 1));
}.before\:bg-soin::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(239 77 121 / var(--tw-bg-opacity, 1));
}.before\:bg-stocks::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
}.before\:bg-warrants::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
}.before\:bg-tv::before {
		content: var(--tw-content);
		background: linear-gradient(
			180deg,
			rgba(42, 82, 22, 1) 0%,
			rgba(131, 108, 28, 1) 35%,
			rgba(149, 1, 98, 1) 58%,
			rgba(74, 25, 95, 1) 100%
		);
	}.before\:bg-video::before {
		content: var(--tw-content);
		background: linear-gradient(
			180deg,
			rgba(42, 82, 22, 1) 0%,
			rgba(131, 108, 28, 1) 35%,
			rgba(149, 1, 98, 1) 58%,
			rgba(74, 25, 95, 1) 100%
		);
	}.before\:bg-youtube::before {
		content: var(--tw-content);
		background: linear-gradient(
			180deg,
			rgba(42, 82, 22, 1) 0%,
			rgba(131, 108, 28, 1) 35%,
			rgba(149, 1, 98, 1) 58%,
			rgba(74, 25, 95, 1) 100%
		);
	}.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}.after\:right-\[2px\]::after{
  content: var(--tw-content);
  right: 2px;
}.after\:start-\[2px\]::after{
  content: var(--tw-content);
  inset-inline-start: 2px;
}.after\:top-0\.5::after{
  content: var(--tw-content);
  top: 0.125rem;
}.after\:top-\[8px\]::after{
  content: var(--tw-content);
  top: 8px;
}.after\:\!hidden::after{
  content: var(--tw-content);
  display: none !important;
}.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}.after\:-translate-x-1::after{
  content: var(--tw-content);
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}.hover\:\!text-black:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important;
}.peer:checked ~ .peer-checked\:bg-attraction{
  --tw-bg-opacity: 1;
  background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
}.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}.peer:focus ~ .peer-focus\:ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}.peer:focus ~ .peer-focus\:ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}.dark\:divide-border-dark:is(.dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-divide-opacity, 1));
}.dark\:border-0:is(.dark *){
  border-width: 0px;
}.dark\:border-border-dark:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(72 72 72 / var(--tw-border-opacity, 1));
}.dark\:border-gray-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}.dark\:border-gray-600:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}.dark\:\!bg-black:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1)) !important;
}.dark\:bg-\[\#484848\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.dark\:bg-black:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(53 53 53 / var(--tw-bg-opacity, 1));
}.dark\:bg-body-dark:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}.dark\:bg-border-dark:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(72 72 72 / var(--tw-bg-opacity, 1));
}.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}.dark\:bg-gray-700:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}.dark\:bg-transparent:is(.dark *){
  background-color: transparent;
}.dark\:bg-white:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}.dark\:\!text-black:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(53 53 53 / var(--tw-text-opacity, 1)) !important;
}.dark\:text-white:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}.dark\:hover\:\!text-white:hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}.peer:focus ~ .dark\:peer-focus\:ring-blue-800:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}@media (min-width: 768px){.tablet\:\!right-\[unset\]{
    right: unset !important;
  }.tablet\:left-1\/2{
    left: 50%;
  }.tablet\:left-\[calc\(50\%_-_5px\)\]{
    left: calc(50% - 5px);
  }.tablet\:left-\[unset\]{
    left: unset;
  }.tablet\:top-\[auto\]{
    top: auto;
  }.tablet\:top-tablet-header{
    top: 74px;
  }.tablet\:top-tablet-header-filter{
    top: 123px;
  }.tablet\:order-1{
    order: 1;
  }.tablet\:order-2{
    order: 2;
  }.tablet\:order-3{
    order: 3;
  }.tablet\:order-4{
    order: 4;
  }.tablet\:order-5{
    order: 5;
  }.tablet\:order-6{
    order: 6;
  }.tablet\:order-7{
    order: 7;
  }.tablet\:order-8{
    order: 8;
  }.tablet\:order-9{
    order: 9;
  }.tablet\:order-last{
    order: 9999;
  }.tablet\:col-span-1{
    grid-column: span 1 / span 1;
  }.tablet\:col-span-2{
    grid-column: span 2 / span 2;
  }.tablet\:col-span-3{
    grid-column: span 3 / span 3;
  }.tablet\:col-span-5{
    grid-column: span 5 / span 5;
  }.tablet\:col-span-full{
    grid-column: 1 / -1;
  }.tablet\:row-span-1{
    grid-row: span 1 / span 1;
  }.tablet\:row-span-2{
    grid-row: span 2 / span 2;
  }.tablet\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }.tablet\:mb-0{
    margin-bottom: 0px;
  }.tablet\:ml-0{
    margin-left: 0px;
  }.tablet\:ml-s{
    margin-left: 10px;
  }.tablet\:ml-sx2{
    margin-left: 20px;
  }.tablet\:mr-\[70px\]{
    margin-right: 70px;
  }.tablet\:mr-s{
    margin-right: 10px;
  }.tablet\:mr-sx2{
    margin-right: 20px;
  }.tablet\:mt-0{
    margin-top: 0px;
  }.tablet\:mt-1{
    margin-top: 0.25rem;
  }.tablet\:block{
    display: block;
  }.tablet\:inline-block{
    display: inline-block;
  }.tablet\:inline{
    display: inline;
  }.tablet\:\!flex{
    display: flex !important;
  }.tablet\:flex{
    display: flex;
  }.tablet\:table-cell{
    display: table-cell;
  }.tablet\:table-row{
    display: table-row;
  }.tablet\:\!hidden{
    display: none !important;
  }.tablet\:hidden{
    display: none;
  }.tablet\:h-\[155px\]{
    height: 155px;
  }.tablet\:h-\[300px\]{
    height: 300px;
  }.tablet\:w-1\/3{
    width: 33.333333%;
  }.tablet\:w-\[100px\]{
    width: 100px;
  }.tablet\:w-\[140px\]{
    width: 140px;
  }.tablet\:w-\[400px\]{
    width: 400px;
  }.tablet\:w-auto{
    width: auto;
  }.tablet\:grow{
    flex-grow: 1;
  }.tablet\:grow-0{
    flex-grow: 0;
  }.tablet\:basis-1\/2{
    flex-basis: 50%;
  }.tablet\:basis-\[calc\(100\%-140px\)\]{
    flex-basis: calc(100% - 140px);
  }.tablet\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }.tablet\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.tablet\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.tablet\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.tablet\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }.tablet\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }.tablet\:grid-cols-\[80px_120px_repeat\(6\2c _1fr\)\]{
    grid-template-columns: 80px 120px repeat(6, 1fr);
  }.tablet\:grid-cols-\[repeat\(7\2c 1fr\)_auto\]{
    grid-template-columns: repeat(7,1fr) auto;
  }.tablet\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }.tablet\:flex-row{
    flex-direction: row;
  }.tablet\:items-start{
    align-items: flex-start;
  }.tablet\:items-center{
    align-items: center;
  }.tablet\:justify-start{
    justify-content: flex-start;
  }.tablet\:gap-2{
    gap: 0.5rem;
  }.tablet\:gap-\[20px\]{
    gap: 20px;
  }.tablet\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }.tablet\:self-center{
    align-self: center;
  }.tablet\:overflow-y-auto{
    overflow-y: auto;
  }.tablet\:rounded-full{
    border-radius: 9999px;
  }.tablet\:border-0{
    border-width: 0px;
  }.tablet\:border-b-0{
    border-bottom-width: 0px;
  }.tablet\:border-l{
    border-left-width: 1px;
  }.tablet\:border-r{
    border-right-width: 1px;
  }.tablet\:border-t-0{
    border-top-width: 0px;
  }.tablet\:px-s{
    padding-left: 10px;
    padding-right: 10px;
  }.tablet\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }.tablet\:py-sx2{
    padding-top: 20px;
    padding-bottom: 20px;
  }.tablet\:\!pb-\[28px\]{
    padding-bottom: 28px !important;
  }.tablet\:\!pr-\[10px\]{
    padding-right: 10px !important;
  }.tablet\:pb-0{
    padding-bottom: 0px;
  }.tablet\:pb-m{
    padding-bottom: min(3vw,30px);
  }.tablet\:pl-m{
    padding-left: min(3vw,30px);
  }.tablet\:pt-0{
    padding-top: 0px;
  }.tablet\:pt-s{
    padding-top: 10px;
  }.tablet\:text-left{
    text-align: left;
  }.tablet\:text-center{
    text-align: center;
  }.tablet\:text-right{
    text-align: right;
  }

	.tablet\:text-right span.sortable,.tablet\:text-right a.sortable{
    justify-content: flex-end;
  }

	.tablet\:bg-change{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
	body.color-palette-a .tablet\:bg-change.up{
    --tw-bg-opacity: 1;
    background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
	body.color-palette-a .tablet\:bg-change.down{
    --tw-bg-opacity: 1;
    background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
	body.color-palette-a .tablet\:bg-change.down:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  }
	body.color-palette-b .tablet\:bg-change.up{
    --tw-bg-opacity: 1;
    background-color: rgb(204 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
	body.color-palette-b .tablet\:bg-change.up:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
  }
	body.color-palette-b .tablet\:bg-change.down{
    --tw-bg-opacity: 1;
    background-color: rgb(0 153 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

	body.color-palette-a .tablet\:bg-change.up-light{
    --tw-bg-opacity: 1;
    background-color: rgb(120 230 120 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  }
	body.color-palette-a .tablet\:bg-change.down-light{
    --tw-bg-opacity: 1;
    background-color: rgb(240 150 150 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  }
	body.color-palette-b .tablet\:bg-change.up-light{
    --tw-bg-opacity: 1;
    background-color: rgb(240 150 150 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  }
	body.color-palette-b .tablet\:bg-change.down-light{
    --tw-bg-opacity: 1;
    background-color: rgb(120 230 120 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(53 53 53 / var(--tw-text-opacity, 1));
  }

	.tablet\:flex-row-center > div{
    align-self: center;
  }
	.tablet\:grid-container-3{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
  }
	@media (min-width: 768px){.tablet\:grid-container-3{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
	@media (min-width: 1280px){.tablet\:grid-container-3{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

	.tablet\:grid-container-3 > div{
    position: relative;
  }

	.tablet\:grid-container-3 > div::before,.tablet\:grid-container-3 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

	.tablet\:grid-container-3 > div:is(.dark *)::before,.tablet\:grid-container-3 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	.tablet\:grid-container-3 > div::before,.tablet\:grid-container-3 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

	.tablet\:grid-container-3 > div:is(.dark *)::before,.tablet\:grid-container-3 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	.tablet\:grid-container-3.solid > div::before,.tablet\:grid-container-3.solid > div::after{
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  }

	@media (min-width: 768px){.tablet\:grid-container-3 > div:nth-child(2n+2)::before{
      left: -20px;
      top: 0px;
      height: 100%;
      width: 1px;
    }.tablet\:grid-container-3 > div:nth-child(2n+2)::after{
      left: -20px;
      width: calc(100% + 20px);
    }.tablet\:grid-container-3 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.tablet\:grid-container-3 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: none;
    }
  }

	@media (min-width: 1280px){.tablet\:grid-container-3 > div:nth-child(3n+1)::before{
      display: none;
    }.tablet\:grid-container-3 > div:nth-child(3n+1)::after{
      left: 0px;
    }
  }

	.tablet\:grid-container-3 > div::after{
    left: 0px;
    bottom: -20px;
    height: 1px;
    width: 100%;
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
  }

	.tablet\:grid-container-3 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	@media (min-width: 768px){.tablet\:grid-container-3 > div::after{
      width: calc(100% + 20px);
    }
  }

	@media (min-width: 1280px){.tablet\:grid-container-3 > div:nth-child(3n+2)::after{
      left: -20px;
      width: calc(100% + 40px);
    }.tablet\:grid-container-3 > div:nth-child(3n+3)::after{
      left: -20px;
    }.tablet\:grid-container-3 > div:nth-child(3n+1):nth-last-child(-n+3)::after,.tablet\:grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3) ~ div::after{
      display: none;
    }.tablet\:grid-container-3 > div::before{
      left: -20px;
      top: 0px;
      height: 100%;
      width: 1px;
    }
  }

	.tablet\:grid-container-3 > div:last-of-type::after{
    display: none;
  }

	@media (min-width: 1280px){.tablet\:grid-container-3 >div:nth-child(2n+1):nth-last-child(-n+2)::after,.tablet\:grid-container-3 >div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: block;
    }.tablet\:grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3)::after,.tablet\:grid-container-3 >div:nth-child(3n+1):nth-last-child(-n+3) ~ div::after{
      display: none !important;
    }
  }

	body.color-palette-a .indexes-panel .tablet\:bg-change.down{
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
	body.color-palette-b .indexes-panel .tablet\:bg-change.up{
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

	body.color-palette-a #custom-panel .tablet\:bg-change.down{
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
	body.color-palette-b #custom-panel .tablet\:bg-change.up{
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

	.et-table table td.tablet\:text-right > div.btn-popup-info-wrapper{
    justify-content: flex-end;
  }
}@media (min-width: 1024px){.laptop\:top-\[95px\]{
    top: 95px;
  }.laptop\:top-laptop-header{
    top: 101px;
  }.laptop\:top-laptop-header-filter{
    top: 153px;
  }.laptop\:order-6{
    order: 6;
  }.laptop\:order-9{
    order: 9;
  }.laptop\:order-last{
    order: 9999;
  }.laptop\:col-span-2{
    grid-column: span 2 / span 2;
  }.laptop\:col-span-3{
    grid-column: span 3 / span 3;
  }.laptop\:col-span-full{
    grid-column: 1 / -1;
  }.laptop\:row-span-1{
    grid-row: span 1 / span 1;
  }.laptop\:row-span-2{
    grid-row: span 2 / span 2;
  }.laptop\:\!mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }.laptop\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }.laptop\:\!ml-m{
    margin-left: min(3vw,30px) !important;
  }.laptop\:mb-sx2{
    margin-bottom: 20px;
  }.laptop\:ml-auto{
    margin-left: auto;
  }.laptop\:mr-0{
    margin-right: 0px;
  }.laptop\:mr-2{
    margin-right: 0.5rem;
  }.laptop\:mt-0{
    margin-top: 0px;
  }.laptop\:\!block{
    display: block !important;
  }.laptop\:block{
    display: block;
  }.laptop\:\!flex{
    display: flex !important;
  }.laptop\:flex{
    display: flex;
  }.laptop\:inline-flex{
    display: inline-flex;
  }.laptop\:grid{
    display: grid;
  }.laptop\:\!hidden{
    display: none !important;
  }.laptop\:hidden{
    display: none;
  }.laptop\:h-12{
    height: 3rem;
  }.laptop\:h-\[200px\]{
    height: 200px;
  }.laptop\:h-full{
    height: 100%;
  }.laptop\:max-h-\[35vh\]{
    max-height: 35vh;
  }.laptop\:\!w-full{
    width: 100% !important;
  }.laptop\:w-\[150px\]{
    width: 150px;
  }.laptop\:w-\[50\%\]{
    width: 50%;
  }.laptop\:w-\[990px\]{
    width: 990px;
  }.laptop\:flex-shrink{
    flex-shrink: 1;
  }.laptop\:flex-grow-0{
    flex-grow: 0;
  }.laptop\:grow{
    flex-grow: 1;
  }.laptop\:basis-auto{
    flex-basis: auto;
  }.laptop\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.laptop\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.laptop\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.laptop\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }.laptop\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }.laptop\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }.laptop\:grid-cols-\[20\%_78\%\]{
    grid-template-columns: 20% 78%;
  }.laptop\:grid-cols-\[2fr_repeat\(6\2c _110px\)_repeat\(2\2c _2fr\)\]{
    grid-template-columns: 2fr repeat(6, 110px) repeat(2, 2fr);
  }.laptop\:flex-nowrap{
    flex-wrap: nowrap;
  }.laptop\:items-end{
    align-items: flex-end;
  }.laptop\:justify-start{
    justify-content: flex-start;
  }.laptop\:justify-end{
    justify-content: flex-end;
  }.laptop\:justify-center{
    justify-content: center;
  }.laptop\:gap-s{
    gap: 10px;
  }.laptop\:\!bg-tbgp1{
    background-color: rgb(255,241,226,0.5) !important;
  }.laptop\:\!bg-tbgp2{
    background-color: rgba(252,211,193,0.5) !important;
  }.laptop\:bg-tbgp1{
    background-color: rgb(255,241,226,0.5);
  }.laptop\:bg-tbgp2{
    background-color: rgba(252,211,193,0.5);
  }.laptop\:bg-transparent{
    background-color: transparent;
  }.laptop\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }.laptop\:pb-0{
    padding-bottom: 0px;
  }.laptop\:pb-\[12px\]{
    padding-bottom: 12px;
  }.laptop\:pl-s{
    padding-left: 10px;
  }.laptop\:pt-4{
    padding-top: 1rem;
  }.laptop\:text-right{
    text-align: right;
  }

	.laptop\:text-right span.sortable,.laptop\:text-right a.sortable{
    justify-content: flex-end;
  }

	.laptop\:flex-row-center > div{
    align-self: center;
  }

	.laptop\:main-container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: min(3.5vw,30px);
    padding-left: min(3.5vw,30px);
  }

	@media (min-width: 768px){.laptop\:main-container{
      max-width: 768px;
    }
  }

	@media (min-width: 1024px){.laptop\:main-container{
      max-width: 1024px;
    }
  }

	@media (min-width: 1280px){.laptop\:main-container{
      max-width: 1280px;
    }
  }

	@media (min-width: 1600px){.laptop\:main-container{
      max-width: 1600px;
    }
  }

	@media (min-width: 1920px){.laptop\:main-container{
      max-width: 1920px;
    }
  }

	.laptop\:main-container{
    max-width: 100%;
    min-width: 355px;
  }

	@media (min-width: 768px){.laptop\:main-container{
      max-width: 100%;
    }
  }

	@media (min-width: 1024px){.laptop\:main-container{
      max-width: 100%;
    }
  }

	@media (min-width: 1280px){.laptop\:main-container{
      max-width: 100%;
    }
  }

	@media (min-width: 1600px){.laptop\:main-container{
      max-width: 1600px;
    }
  }

	@media (min-width: 1920px){.laptop\:main-container{
      max-width: 1920px;
    }
  }

	.laptop\:main-container{
    flex-shrink: 0;
  }

	.live-bar .laptop\:main-container {
		height: 32px;
		display: flex;
	}

	.live-bar .laptop\:main-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}

	@media (min-width: 1024px){.live-bar .laptop\:main-container .liveBarContent{
      display: block;
    }
  }

	.live-bar .laptop\:main-container .liveBarMarqueeContent{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
  }

	@media (min-width: 1024px){.live-bar .laptop\:main-container .liveBarMarqueeContent{
      display: none;
    }
  }

	.live-bar .laptop\:main-container .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}

	.live-bar .laptop\:main-container .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}

	.live-bar .laptop\:main-container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}

	@media (min-width: 1024px){.live-bar .laptop\:main-container .liveBarContent{
      display: block;
    }
  }

	.indexes-panel .laptop\:main-container {
		height: 32px;
		display: flex;
	}

	.btn-member + .dropdown-content .laptop\:main-container{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
  }
        footer #FooterDisclaimer .laptop\:main-container > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }
	#FooterAwards .laptop\:main-container {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}

	@media only screen and (min-width: 568px) {
		#FooterAwards .laptop\:main-container {
			display: ruby;
		}
		#FooterAwards .laptop\:main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .laptop\:main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .laptop\:main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .laptop\:main-container {
			display: ruby;
		}
		#FooterAwards .laptop\:main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .laptop\:main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .laptop\:main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .laptop\:main-container {
			display: ruby;
		}
		#FooterAwards .laptop\:main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .laptop\:main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .laptop\:main-container .HKEX_mkt_data img {
			width: 230px;
		}
		#FooterAwards .laptop\:main-container {
			display: ruby;
		}
		#FooterAwards .laptop\:main-container .MCA_8th img {
			width: 220px;
			padding-bottom: 20px;
		}
		#FooterAwards .laptop\:main-container .IFEC img {
			width: 250px;
			padding: 10px 0;
		}
		#FooterAwards .laptop\:main-container .HKEX_mkt_data img {
			width: 230px;
		}
	}@media (min-width: 1600px){.laptop\:main-container{
      max-width: 100% !important;
    }
  }@media (min-width: 1024px){.live-bar .laptop\:main-container,
.indexes-panel .laptop\:main-container{
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }@media (min-width: 1600px){.live-bar .laptop\:main-container,
.indexes-panel .laptop\:main-container{
      padding-left: min(3vw,30px) !important;
      padding-right: min(3vw,30px) !important;
    }
  }@media (min-width: 1024px){.live-bar .laptop\:main-container,
.indexes-panel .laptop\:main-container{
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
  }@media (min-width: 1600px){.live-bar .laptop\:main-container,
.indexes-panel .laptop\:main-container{
      padding-left: min(3vw,30px) !important;
      padding-right: min(3vw,30px) !important;
    }
  }

	@media (min-width: 1280px){.laptop\:main-container{
      margin-left: 0px;
      margin-right: 0px;
    }
  }

	@media (min-width: 1600px){.laptop\:main-container{
      flex-shrink: 1;
    }
  }

	.et-table table td.laptop\:text-right > div.btn-popup-info-wrapper{
    justify-content: flex-end;
  }

	.laptop\:before\:bg-ashares::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-attraction::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(223 100 54 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-bitcoin::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-diva::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(120 43 144 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-etf::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-forex::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(146 84 198 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-funds::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(218 180 1 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-futures::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-health::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(144 175 116 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-lifestyle::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(34 189 189 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-mpf::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(86 153 0 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-news::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(201 19 22 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-property::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(26 90 144 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-seg::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(239 77 121 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-soin::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(239 77 121 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-stocks::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 189 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-warrants::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 102 0 / var(--tw-bg-opacity, 1));
  }

	.laptop\:before\:bg-video::before {
		content: var(--tw-content);
		background: linear-gradient(
			180deg,
			rgba(42, 82, 22, 1) 0%,
			rgba(131, 108, 28, 1) 35%,
			rgba(149, 1, 98, 1) 58%,
			rgba(74, 25, 95, 1) 100%
		);
	}

	.dark\:laptop\:\!bg-tbgp1-dark:is(.dark *){
    background-color: rgb(255,185,0,0.9) !important;
  }

	.dark\:laptop\:\!bg-tbgp2-dark:is(.dark *){
    background-color: rgba(255,130,50,0.9) !important;
  }

	.dark\:laptop\:bg-tbgp1-dark:is(.dark *){
    background-color: rgb(255,185,0,0.9);
  }

	.dark\:laptop\:bg-tbgp2-dark:is(.dark *){
    background-color: rgba(255,130,50,0.9);
  }
}@media (min-width: 1280px){.desktop\:left-\[-1px\]{
    left: -1px;
  }.desktop\:order-2{
    order: 2;
  }.desktop\:order-4{
    order: 4;
  }.desktop\:order-8{
    order: 8;
  }.desktop\:col-span-2{
    grid-column: span 2 / span 2;
  }.desktop\:col-span-5{
    grid-column: span 5 / span 5;
  }.desktop\:row-span-1{
    grid-row: span 1 / span 1;
  }.desktop\:row-span-2{
    grid-row: span 2 / span 2;
  }.desktop\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }.desktop\:ml-m{
    margin-left: min(3vw,30px);
  }.desktop\:mt-0{
    margin-top: 0px;
  }.desktop\:mt-\[40px\]{
    margin-top: 40px;
  }.desktop\:mt-m{
    margin-top: min(3vw,30px);
  }.desktop\:block{
    display: block;
  }.desktop\:inline{
    display: inline;
  }.desktop\:\!flex{
    display: flex !important;
  }.desktop\:flex{
    display: flex;
  }.desktop\:grid{
    display: grid;
  }.desktop\:hidden{
    display: none;
  }.desktop\:h-\[220px\]{
    height: 220px;
  }.desktop\:h-\[250px\]{
    height: 250px;
  }.desktop\:h-\[600px\]{
    height: 600px;
  }.desktop\:max-h-\[40vh\]{
    max-height: 40vh;
  }.desktop\:w-\[150px\]{
    width: 150px;
  }.desktop\:w-\[180px\]{
    width: 180px;
  }.desktop\:w-\[70\%\]{
    width: 70%;
  }.desktop\:w-\[calc\(100\%-290px\)\]{
    width: calc(100% - 290px);
  }.desktop\:w-\[calc\(100\%-300px-20px\)\]{
    width: calc(100% - 300px - 20px);
  }.desktop\:w-auto{
    width: auto;
  }.desktop\:basis-1\/3{
    flex-basis: 33.333333%;
  }.desktop\:basis-\[30\%\]{
    flex-basis: 30%;
  }.desktop\:basis-\[66\%\]{
    flex-basis: 66%;
  }.desktop\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }.desktop\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.desktop\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.desktop\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }.desktop\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }.desktop\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }.desktop\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }.desktop\:flex-row{
    flex-direction: row;
  }.desktop\:flex-nowrap{
    flex-wrap: nowrap;
  }.desktop\:items-start{
    align-items: flex-start;
  }.desktop\:items-center{
    align-items: center;
  }.desktop\:justify-start{
    justify-content: flex-start;
  }.desktop\:justify-end{
    justify-content: flex-end;
  }.desktop\:gap-0{
    gap: 0px;
  }.desktop\:gap-4{
    gap: 1rem;
  }.desktop\:gap-m{
    gap: min(3vw,30px);
  }.desktop\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }.desktop\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }.desktop\:self-start{
    align-self: flex-start;
  }.desktop\:border-0{
    border-width: 0px;
  }.desktop\:border-l{
    border-left-width: 1px;
  }.desktop\:border-r{
    border-right-width: 1px;
  }.desktop\:border-t{
    border-top-width: 1px;
  }.desktop\:border-t-0{
    border-top-width: 0px;
  }.desktop\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }.desktop\:pl-gridgap{
    padding-left: 30px;
  }.desktop\:pl-m{
    padding-left: min(3vw,30px);
  }.desktop\:pr-gridgap{
    padding-right: 30px;
  }.desktop\:pt-0{
    padding-top: 0px;
  }.desktop\:pt-2{
    padding-top: 0.5rem;
  }.desktop\:pt-\[30px\]{
    padding-top: 30px;
  }.desktop\:pt-m{
    padding-top: min(3vw,30px);
  }.desktop\:text-left{
    text-align: left;
  }.desktop\:text-right{
    text-align: right;
  }.desktop\:text-\[14px\]{
    font-size: 14px;
  }

	.desktop\:text-right span.sortable,.desktop\:text-right a.sortable{
    justify-content: flex-end;
  }

	.desktop\:flex-row-center > div{
    align-self: center;
  }
	.desktop\:grid-container-1{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
  }

    .desktop\:grid-container-1.dense{
    gap: 26px;
  }

	.desktop\:grid-container-1 >div{
    position: relative;
  }

	.desktop\:grid-container-1 > div::after{
    position: absolute;
    display: block;
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

	.desktop\:grid-container-1 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	.desktop\:grid-container-1.solid > div::after{
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  }

	.desktop\:grid-container-1 > div:last-of-type::after{
    display: none;
  }

	.desktop\:grid-container-1 > div::after{
    left: 0px;
    bottom: -20px;
    height: 1px;
    width: 100%;
  }

    .desktop\:grid-container-1.dense > div::after{
    bottom: -13px;
  }
	.desktop\:grid-container-2{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
  }
	@media (min-width: 1280px){.desktop\:grid-container-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

	.desktop\:grid-container-2 > div{
    position: relative;
  }

	.desktop\:grid-container-2 > div::before,.desktop\:grid-container-2 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

	.desktop\:grid-container-2 > div:is(.dark *)::before,.desktop\:grid-container-2 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	.desktop\:grid-container-2 > div::before,.desktop\:grid-container-2 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

	.desktop\:grid-container-2 > div:is(.dark *)::before,.desktop\:grid-container-2 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	.desktop\:grid-container-2.solid > div::before,.desktop\:grid-container-2.solid > div::after{
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  }

	@media (min-width: 1280px){.desktop\:grid-container-2 > div:nth-child(2n+2)::before{
      left: -20px;
      top: 0px;
      height: 100%;
      width: 1px;
    }.desktop\:grid-container-2 > div:nth-child(2n+2)::after{
      left: -20px;
      width: calc(100% + 20px);
    }.desktop\:grid-container-2 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-2 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: none;
    }
  }

	.desktop\:grid-container-2 > div::after{
    left: 0px;
    bottom: -20px;
    height: 1px;
    width: 100%;
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
  }

	.desktop\:grid-container-2 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

	@media (min-width: 1280px){.desktop\:grid-container-2 > div::after{
      width: calc(100% + 20px);
    }
  }


	.desktop\:grid-container-2 > div:last-of-type::after{
    display: none;
  }
.desktop\:grid-container-5{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 40px;
  }
@media (min-width: 768px){.desktop\:grid-container-5{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
@media (min-width: 1280px){.desktop\:grid-container-5{
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

.desktop\:grid-container-5.grid-container-min-2{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }

@media (min-width: 1280px){.desktop\:grid-container-5.grid-container-min-2{
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

.desktop\:grid-container-5 > div{
    position: relative;
  }

.desktop\:grid-container-5 > div::before,.desktop\:grid-container-5 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

.desktop\:grid-container-5 > div:is(.dark *)::before,.desktop\:grid-container-5 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

.desktop\:grid-container-5 > div::before,.desktop\:grid-container-5 > div::after{
    position: absolute;
    display: block;
    border-right-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
    --tw-content: '';
    content: var(--tw-content);
  }

.desktop\:grid-container-5 > div:is(.dark *)::before,.desktop\:grid-container-5 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

.desktop\:grid-container-5.solid > div::before,.desktop\:grid-container-5.solid > div::after{
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 227 228 / var(--tw-border-opacity, 1));
  }

@media (min-width: 768px){.desktop\:grid-container-5 > div:nth-child(2n+2)::before{
      left: -20px;
      top: 0px;
      height: 100%;
      width: 1px;
    }
  }

.desktop\:grid-container-5.grid-container-min-2 > div:nth-child(2n+2)::before{
    left: -20px;
    top: 0px;
    height: 100%;
    width: 1px;
  }

@media (min-width: 768px){.desktop\:grid-container-5 > div:nth-child(2n+2)::after{
      left: -20px;
      width: calc(100% + 20px);
    }.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: none;
    }
  }

.desktop\:grid-container-5.grid-container-min-2 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
    display: none;
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(5n+1)::before{
      display: none;
    }.desktop\:grid-container-5 > div:nth-child(5n+1)::after{
      left: 0px;
    }
  }

.desktop\:grid-container-5 > div::after{
    left: 0px;
    bottom: -20px;
    height: 1px;
    width: 100%;
    border-bottom-width: 1px;
    border-style: dotted;
    --tw-border-opacity: 1;
    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
    background-color: transparent;
  }

.desktop\:grid-container-5 > div:is(.dark *)::after{
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
  }

@media (min-width: 768px){.desktop\:grid-container-5 > div::after{
      width: calc(100% + 20px);
    }
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(5n+2)::after{
      left: -20px;
      width: calc(100% + 40px);
    }.desktop\:grid-container-5 > div:nth-child(5n+3)::after{
      left: -20px;
      width: calc(100% + 40px);
    }.desktop\:grid-container-5 > div:nth-child(5n+4)::after{
      left: -20px;
    }.desktop\:grid-container-5 > div:nth-child(5n+1):nth-last-child(-n+5)::after,.desktop\:grid-container-5 > div:nth-child(5n+1):nth-last-child(-n+5) ~ div::after{
      display: none;
    }.desktop\:grid-container-5 > div::before{
      left: -20px;
      top: 0px;
      height: 100%;
      width: 1px;
    }
  }

.desktop\:grid-container-5 > div:last-of-type::after{
    display: none;
  }

@media (min-width: 1024px){.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: block;
    }
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: block;
    }
  }

@media (min-width: 1024px){.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: block;
    }
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2)::after,.desktop\:grid-container-5 > div:nth-child(2n+1):nth-last-child(-n+2) ~ div::after{
      display: block;
    }
  }

@media (min-width: 1024px){.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5)::after,.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5) ~ div::after{
      display: none;
    }
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5)::after,.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5) ~ div::after{
      display: none !important;
    }
  }

@media (min-width: 1024px){.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5)::after,.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5) ~ div::after{
      display: none;
    }
  }

@media (min-width: 1280px){.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5)::after,.desktop\:grid-container-5 > div:nth-child(3n+1):nth-last-child(-n+5) ~ div::after{
      display: none !important;
    }
  }

	.live-bar .desktop\:container {
		height: 32px;
		display: flex;
	}

	.live-bar .desktop\:container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}

	@media (min-width: 1024px){.live-bar .desktop\:container .liveBarContent{
      display: block;
    }
  }

	.live-bar .desktop\:container .liveBarMarqueeContent{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
  }

	@media (min-width: 1024px){.live-bar .desktop\:container .liveBarMarqueeContent{
      display: none;
    }
  }

	.live-bar .desktop\:container .liveBarMarqueeContent .liveBarMarqueeItem {
		flex: 0 0 auto;
		width: auto;
		padding: 10px 20px;
		font-size: 15px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}

	.live-bar .desktop\:container .content .live-bar-content-text{
		text-wrap: nowrap;
		text-align: center;
	}

	.live-bar .desktop\:container .liveBarContent{
		width: calc(100% - 25px);
		overflow-x: hidden;
		text-wrap: nowrap;
		margin-top: auto;
		margin-bottom: auto;
		display: none;
		text-align: center;
	}

	@media (min-width: 1024px){.live-bar .desktop\:container .liveBarContent{
      display: block;
    }
  }

	.indexes-panel .desktop\:container {
		height: 32px;
		display: flex;
	}

	.btn-member + .dropdown-content .desktop\:container{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
  }
        footer #FooterDisclaimer .desktop\:container > p{
            margin:0px;
            padding-left:30px;
            padding-right:30px;
        }
	#FooterAwards .desktop\:container {
		margin: auto;
   		width: 49%;
		padding: 15px 0px;
	}

	@media only screen and (min-width: 568px) {
		#FooterAwards .desktop\:container {
			display: ruby !important;
		}
		#FooterAwards .desktop\:container .MCA_8th img {
			width: 220px !important;
			padding-bottom: 20px !important;
		}
		#FooterAwards .desktop\:container .IFEC img {
			width: 250px !important;
			padding: 10px 0;
		}
		#FooterAwards .desktop\:container .HKEX_mkt_data img {
			width: 230px !important;
		}
		#FooterAwards .desktop\:container {
			display: ruby !important;
		}
		#FooterAwards .desktop\:container .MCA_8th img {
			width: 220px !important;
			padding-bottom: 20px !important;
		}
		#FooterAwards .desktop\:container .IFEC img {
			width: 250px !important;
			padding: 10px 0;
		}
		#FooterAwards .desktop\:container .HKEX_mkt_data img {
			width: 230px !important;
		}
		#FooterAwards .desktop\:container {
			display: ruby !important;
		}
		#FooterAwards .desktop\:container .MCA_8th img {
			width: 220px !important;
			padding-bottom: 20px !important;
		}
		#FooterAwards .desktop\:container .IFEC img {
			width: 250px !important;
			padding: 10px 0;
		}
		#FooterAwards .desktop\:container .HKEX_mkt_data img {
			width: 230px !important;
		}
		#FooterAwards .desktop\:container {
			display: ruby !important;
		}
		#FooterAwards .desktop\:container .MCA_8th img {
			width: 220px !important;
			padding-bottom: 20px !important;
		}
		#FooterAwards .desktop\:container .IFEC img {
			width: 250px !important;
			padding: 10px 0;
		}
		#FooterAwards .desktop\:container .HKEX_mkt_data img {
			width: 230px !important;
		}
	}

	.et-table table td.desktop\:text-right > div.btn-popup-info-wrapper{
    justify-content: flex-end;
  }
}@media (min-width: 1600px){.xl\:order-11{
    order: 11;
  }.xl\:row-span-2{
    grid-row: span 2 / span 2;
  }.xl\:block{
    display: block;
  }.xl\:inline{
    display: inline;
  }.xl\:\!flex{
    display: flex !important;
  }.xl\:hidden{
    display: none;
  }.xl\:flex-1{
    flex: 1 1 0%;
  }.xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.xl\:flex-row{
    flex-direction: row;
  }.xl\:gap-\[30px\]{
    gap: 30px;
  }.xl\:\!pb-s{
    padding-bottom: 10px !important;
  }.xl\:pb-s{
    padding-bottom: 10px;
  }.xl\:\!text-\[24px\]{
    font-size: 24px !important;
  }
}@media (min-width: 1920px){.xxl\:row-span-2{
    grid-row: span 2 / span 2;
  }.xxl\:hidden{
    display: none;
  }
}.peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full:where([dir="rtl"], [dir="rtl"] *)::after{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}