/*! tailwindcss v2.2.2 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::after, ::before {
    --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-transform: translateX(var(--tw-translate-x)) translateY(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-border-opacity: 1;
    border-color: rgba(229,231,235,var(--tw-border-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-ring-inset: var(--tw-empty, ); /*!*/ /*!*/
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-blur: var(--tw-empty, ); /*!*/ /*!*/
    --tw-brightness: var(--tw-empty, ); /*!*/ /*!*/
    --tw-contrast: var(--tw-empty, ); /*!*/ /*!*/
    --tw-grayscale: var(--tw-empty, ); /*!*/ /*!*/
    --tw-hue-rotate: var(--tw-empty, ); /*!*/ /*!*/
    --tw-invert: var(--tw-empty, ); /*!*/ /*!*/
    --tw-saturate: var(--tw-empty, ); /*!*/ /*!*/
    --tw-sepia: var(--tw-empty, ); /*!*/ /*!*/
    --tw-drop-shadow: var(--tw-empty, ); /*!*/ /*!*/
    --tw-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);
    --tw-backdrop-blur: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-brightness: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-contrast: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-grayscale: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-hue-rotate: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-invert: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-opacity: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-saturate: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-sepia: var(--tw-empty, ); /*!*/ /*!*/
    --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

* {
    scrollbar-color: initial;
    scrollbar-width: initial
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.bottom-3 {
    bottom: .75rem
}

.right-3 {
    right: .75rem
}

.bottom-0 {
    bottom: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

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

.my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.h-16 {
    height: 4rem
}

.h-8 {
    height: 2rem
}

.h-5 {
    height: 1.25rem
}

.h-96 {
    height: 24rem
}

.min-h-screen {
    min-height: 100vh
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-2xl {
    max-width: 42rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.transform {
    transform: var(--tw-transform)
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-between {
    justify-content: space-between
}

.justify-items-center {
    justify-items: center
}

.gap-3 {
    gap: .75rem
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.divide-y-2 > :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))
}

.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-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-solid > :not([hidden]) ~ :not([hidden]) {
    border-style: solid
}

.divide-green-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(110,231,183,var(--tw-divide-opacity))
}

.divide-red-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(252,165,165,var(--tw-divide-opacity))
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(156,163,175,var(--tw-divide-opacity))
}

.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(209,213,219,var(--tw-divide-opacity))
}

.divide-map-gray-400 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgba(221,219,207,var(--tw-divide-opacity))
}

.overflow-y-auto {
    overflow-y: auto
}

.rounded {
    border-radius: .25rem
}

.rounded-md {
    border-radius: .375rem
}

.border {
    border-width: 1px
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(209,250,229,var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(254,226,226,var(--tw-bg-opacity))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(254,202,202,var(--tw-bg-opacity))
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(167,243,208,var(--tw-bg-opacity))
}

.bg-map-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(221,219,207,var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(220,38,38,var(--tw-bg-opacity))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(5,150,105,var(--tw-bg-opacity))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.from-gr-red-light {
    --tw-gradient-from: #EE3322;
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to, rgba(238, 51, 34, 0))
}

.to-gr-red-dark {
    --tw-gradient-to: #9F041B
}



.text-green-600 {
    --tw-text-opacity: 1;
    color: rgba(5,150,105,var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgba(16,185,129,var(--tw-text-opacity))
}

.text-map-red-600 {
    --tw-text-opacity: 1;
    color: rgba(238,51,34,var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgba(37,99,235,var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgba(220,38,38,var(--tw-text-opacity))
}



.text-red-100 {
    --tw-text-opacity: 1;
    color: rgba(254,226,226,var(--tw-text-opacity))
}



.text-red-200 {
    --tw-text-opacity: 1;
    color: rgba(254,202,202,var(--tw-text-opacity))
}



/* Update 0 */
.text-green-100 {
    --tw-text-opacity: 1;
    color: rgba(249,204,118,var(--tw-text-opacity))
}

/* update 1 */
.text-green-200 {
    --tw-text-opacity: 1;
    color: rgba(241,175,0,var(--tw-text-opacity))
}
/* update 2 */
.text-green-300 {
    --tw-text-opacity: 1;
    color: rgba(236,135,14,var(--tw-text-opacity))
}
/* update 3 */
.text-green-400 {
    --tw-text-opacity: 1;
    color: rgba(252,217,196,var(--tw-text-opacity))
}
/* update 4 */
.text-green-700 {
    --tw-text-opacity: 1;
    color: rgba(151,109,0,var(--tw-text-opacity))
}
/* updat 5 */
.text-green-900 {
    --tw-text-opacity: 1;
    color: rgba(213,155,0,var(--tw-text-opacity))
}

/* Update Dao TS_HS */
.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgba(189,107,9,var(--tw-text-opacity))
}


.text-red-300 {
    --tw-text-opacity: 1;
    color: rgba(252,165,165,var(--tw-text-opacity))
}


.text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(248,113,113,var(--tw-text-opacity))
}


.text-red-500 {
    --tw-text-opacity: 1;
    color: rgba(239,68,68,var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgba(185,28,28,var(--tw-text-opacity))
}


.text-red-800 {
    --tw-text-opacity: 1;
    color: rgba(153,27,27,var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgba(6,95,70,var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: rgba(127,29,29,var(--tw-text-opacity))
}


.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31,41,55,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.underline {
    text-decoration: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-75 {
    opacity: .75
}

.sp-sticky-header {
    display: none !important
}

.bannerfooter1, .bannerfooter1top {
    display: none !important
}


.scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0);
    border-radius: 16px;
    border: 5px solid #fff
}

.scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: #a0a0a5
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 4px solid #f4f4f4
}

[x-cloak] {
    display: none !important
}

#list-container ul {
    display: table
}

    #list-container ul li {
        display: table-row
    }

        #list-container ul li p {
            border-bottom: 1px solid #e5e7eb;
            display: table-cell
        }

@media (min-width:640px) {
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width:768px) {
    .md\:w-1\/2 {
        width: 50%
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\: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))
    }

    .md\: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)))
    }

    .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(2px * var(--tw-divide-x-reverse));
        border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)))
    }
}

@media (min-width:1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:scrollbar-thin {
        --scrollbar-track: initial;
        --scrollbar-thumb: initial;
        scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
        overflow: overlay
    }

    .scrollbar-thin.lg\:overflow-x-hidden {
        overflow-x: hidden
    }

    .scrollbar-thin.lg\:overflow-y-hidden {
        overflow-y: hidden
    }

    .lg\:scrollbar-thin::-webkit-scrollbar-track {
        background-color: var(--scrollbar-track)
    }

    .lg\:scrollbar-thin::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb)
    }

    .lg\:scrollbar-thin {
        scrollbar-width: thin
    }

        .lg\:scrollbar-thin::-webkit-scrollbar {
            width: 8px;
            height: 8px
        }

    .lg\:scrollbar-thumb-rounded-full::-webkit-scrollbar-thumb {
        border-radius: 9999px
    }

    .lg\:scrollbar-thumb-gray-300 {
        --scrollbar-thumb: #d1d5db !important
    }
}