﻿#mainContent ul {
    list-style-type: initial;
    padding-left: 2rem;
}

.seo-wrapper-crypto-price {
    height: 114px;
}

@media (min-width: 576px) {
    .seo-wrapper-crypto-price {
        height: 82px;
    }
}

.seo-wrapper-crypto-price-intranet {
    height: 57px;
}

@media (min-width: 576px) {
    .seo-wrapper-crypto-price-intranet {
        height: 41px;
    }
}

.seo-wrapper-crypto-youtube {
    height: 710px;
}

@media (max-width: 375px) {
    .seo-wrapper-crypto-youtube {
        height: 1115px;
    }
}

@media (max-width: 320px) {
    .seo-wrapper-crypto-youtube {
        height: 1022px;
    }
}

/*@media (max-width: 375px) {
    .seo-wrapper-crypto-weshare {
        height: 546px
    }
}*/
/* ==============================  crypto weshare ============================== */
.seo-wrapper-crypto-weshare {
    height: 611px;
}

@media (max-width: 1025px) {
    .seo-wrapper-crypto-weshare {
        height: 631px;
    }
}

@media (max-width: 913px) {
    .seo-wrapper-crypto-weshare {
        height: 604px;
    }
}

@media (max-width: 541px) {
    .seo-wrapper-crypto-weshare {
        height: 604px;
    }
}

@media (max-width: 431px) {
    .seo-wrapper-crypto-weshare {
        height: 489px;
    }
}

@media (max-width: 415px) {
    .seo-wrapper-crypto-weshare {
        height: 472px;
    }
}

@media (max-width: 391px) {
    .seo-wrapper-crypto-weshare {
        height: 447px;
    }
}

@media (max-width: 376px) {
    .seo-wrapper-crypto-weshare {
        height: 430px;
    }
}

/* ==============================  crypto news ============================== */
.seo-wrapper-latest-crypto-news {
    height: 611px;
}

@media (max-width: 1025px) {
    .seo-wrapper-latest-crypto-news {
        height: 631px;
    }
}

@media (max-width: 913px) {
    .seo-wrapper-latest-crypto-news {
        height: 807px;
    }
}


@media (max-width: 541px) {
    .seo-wrapper-latest-crypto-news {
        height: 609px;
    }
}

@media (max-width: 431px) {
    .seo-wrapper-latest-crypto-news {
        height: 489px;
    }
}

@media (max-width: 415px) {
    .seo-wrapper-latest-crypto-news {
        height: 472px;
    }
}

@media (max-width: 391px) {
    .seo-wrapper-latest-crypto-news {
        height: 447px;
    }
}

@media (max-width: 376px) {
    .seo-wrapper-latest-crypto-news {
        height: 430px;
    }
}

/* ==============================  crypto fintech ============================== */
/*.seo-wrapper-crypto-fintech {
    height: 400px;
}

@media (max-width: 1025px) {
    .seo-wrapper-crypto-fintech {
        height: 433px;
    }
}


@media (max-width: 913px) {
    .seo-wrapper-crypto-fintech {
        height: 1072px;
    }
}

@media (max-width: 821px) {
    .seo-wrapper-crypto-fintech {
        height: 1072px;
    }
}

@media (max-width: 541px) {
    .seo-wrapper-crypto-fintech {
        height: 823px;
    }
}

@media (max-width: 431px) {
    .seo-wrapper-crypto-fintech {
        height: 687px;
    }
}

@media (max-width: 416px) {
    .seo-wrapper-crypto-fintech {
        height: 678px;
    }
}

@media (max-width: 391px) {
    .seo-wrapper-crypto-fintech {
        height: 666px;
    }
}

@media (max-width: 376px) {
    .seo-wrapper-crypto-fintech {
        height: 651px;
    }
}*/

/* ==============================  crypto verse ============================== */
.seo-wrapper-crypto-crypto-verse {
    height: 400px;
}

@media (max-width: 1025px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 433px;
    }
}

@media (max-width: 913px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 707px;
    }
}

@media (max-width: 821px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 707px;
    }
}

@media (max-width: 541px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 563px;
    }
}

@media (max-width: 431px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 469px;
    }
}

@media (max-width: 415px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 465px;
    }
}

@media (max-width: 391px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 452px;
    }
}

@media (max-width: 376px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 445px;
    }
}

@media (max-width: 361px) {
    .seo-wrapper-crypto-crypto-verse {
        height: 437px;
    }
}



.price-wrapper {
    min-width: 130px;
    justify-content: flex-start;
    align-items: center;
}

.price {
    display: inline-block;
    min-width: 40px;
}

.change {
    display: inline-block;
    min-width: 50px;
    text-align: left;
}

.crypto-loader {
    width: 12px;
    height: 12px;
    border: 2px solid #ccc;
    border-top: 2px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dark-theme .stick-menu,
.dark-theme .sticky-navbar-desk-1,
.dark-theme .navbar-container {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

    .dark-theme .navbar-container a,
    .dark-theme .navbar-container .menu-link,
    .dark-theme .navbar-container .menu-item {
        color: var(--color-white) !important;
    }

    .dark-theme .navbar-container .logo img {
        filter: brightness(0) invert(1);
    }

.theme-icon {
    color: black;
}

body.dark-theme .theme-icon {
    color: white;
}


.gsc-input input {
    color: #000 !important; 
    background-color: #fff !important;
}

.dark-theme .gsc-input input {
    color: #fff !important;
    background-color: #333 !important;
}
/*.dark-theme input.gsc-input {
    background-color: #1e1e1e !important;
    color: white !important;
    border: 1px solid #444 !important;
}*/

.dark-theme input.gsc-input::placeholder {
    color: #ccc !important;
    opacity: 1 !important;
}

/* ปุ่มค้นหา */
/*.dark-theme input.gsc-search-button-v2 {
    background-color: #333 !important;
    color: #fff !important;
    border: none !important;
}*/

.dark-theme input.gsc-search-button-v2:hover {
    background-color: #555 !important;
}


.dark-theme .gsc-control-cse,
.dark-theme .gsc-webResult.gsc-result,
.dark-theme .gsc-results .gsc-webResult {
    background-color: #05121a !important;
    color: #fff !important;
    border: none !important;
}

.dark-theme .gs-title,
.dark-theme .gs-snippet,
.dark-theme .gs-visibleUrl {
    color: #ddd !important;
}
.dark-theme .gsc-input-box {
    background-color: #0a1e2a !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

.dark-theme .gsc-input,
.dark-theme input.gsc-input {
    background-color: #0a1e2a !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

.dark-theme .gssb_a {
    color: #fff !important;
    background-color: #0a1e2a !important; 
    padding: 6px 10px !important;
}

    .dark-theme .gssb_a:hover {
        background-color: #123347 !important; 
    }
.dark-theme .gs-snippet {
    color: #000 !important;
}
.dark-theme .gs-bidi-start-align.gs-snippet {
    color: #fff !important;
}
.dark-theme .gsc-webResult.gsc-result {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .gsc-cursor-page {
    color: var(--color-white) !important;
    border-color: rgb(211 211 211) !important;
    background-color: #05121A !important;
}

.dark-theme .gsc-cursor-current-page {
    color: var(--color-blue) !important;
    border-color: rgb(39 50 57) !important;
    background-color: var(--color-white) !important;
}
.dark-theme .gsc-cursor-next-page {
    color: #fff !important;
}
.dark-theme .gsc-cursor-container-next svg path {
    fill: #fff !important;
}
.dark-theme .gsc-cursor-numbered-page {
    color: #fff !important;
}
.dark-theme .gsc-cursor-final-page {
    color: #fff !important;
}

.dark-theme .gsc-cursor-container-previous {
    fill: #fff !important;
}
@media screen and (max-width: 1193px) {
.dark-theme .gsc-results .gsc-cursor-box {
        text-align: center;
        padding: 0;
    }
}

.gsc-webResult.gsc-result:has(.gs-webResult.gs-result.gs-no-results-result) {
    display: block !important;
    float: none;
    width: 100% !important;
    border: none !important;
}

.gsc-input-box {
    border: 1px solid #dfe1e5;
    background: #fff;
    height: 47px;
}

.gsc-webResult.gsc-result {
    display: flex !important;
    flex-direction: row;
    border: 1px solid #eee !important;
    /*border-radius: 10px;*/
    overflow: hidden;
    padding: 10px !important;
    margin: 1% !important;
    width: 47% !important;
    height: 130px !important;
    box-sizing: border-box;
    background-color: #fff;
    float: left;
}

form.gsc-search-box {
    font-size: 13px;
    margin: 0 auto 4px auto !important;
    width: 60% !important;
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
    background: none !important;
    border: none !important;
    display: block !important;
    margin: 20px auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 600px !important;
    text-align: center !important;
    font-size: 16px !important;
    color: #333 !important; 
}

.article-content {
    padding-top: 19px;
    width: 95%;
    padding-left: 2%
}

.gs-webResult.gs-result.gs-no-results-result .gs-snippet {
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

@media screen and (max-width: 1280px) {
    .gsc-webResult.gsc-result {
        height: 155px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 1193px) {
    .gsc-webResult.gsc-result {
        width: 47% !important;
        height: 190px !important;
    }

    table.gsc-search-box {
        border-style: none;
        border-width: 0;
        border-spacing: 0 0;
        width: 95% !important;
        margin-bottom: 2px;
    }

    .gsc-search-button {
        width: 1%;
        height: 47px !important;
    }

    .gsc-search-button-v2 {
        width: 200% !important;
        padding: 11px 10px;
        margin: 0;
        border-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .gsc-results .gsc-cursor-box {
        width: 96% !important;
    }

    form.gsc-search-box {
        font-size: 13px;
        margin: 0 auto 4px auto !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 1024px) {
    .gsc-webResult.gsc-result {
        height: 155px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }

    .article-content {
        padding-top: 19px;
        width: 94%;
        padding-left: 3%
    }
}

@media screen and (max-width: 991px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    table.gsc-search-box {
        border-style: none;
        border-width: 0;
        border-spacing: 0 0;
        width: 97% !important;
        margin-bottom: 2px;
    }

    .gsc-search-button {
        width: 1%;
        height: 47px !important;
    }

    .gsc-search-button-v2 {
        width: 200% !important;
        padding: 11px 10px;
        margin: 0;
        border-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .gsc-results .gsc-cursor-box {
        width: 100% !important;
    }

    form.gsc-search-box {
        font-size: 13px;
        margin: 0 auto 4px auto !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 912px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 853px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 820px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }

    .article-content {
        padding-top: 19px;
        width: 98%;
        padding-left: 3.5%
    }
}

@media screen and (max-width: 768px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }

    .article-content {
        padding-top: 19px;
        width: 98%;
        padding-left: 3.5%
    }
}

@media screen and (max-width: 540px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 130px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 414px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 155px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 430px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 155px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 412px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 150px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }

    .article-content {
        padding-top: 19px;
        width: 96%;
        padding-left: 5%
    }
}

@media screen and (max-width: 375px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 160px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}

@media screen and (max-width: 360px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 160px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }

    .article-content {
        padding-top: 19px;
        width: 96%;
        padding-left: 5%
    }
}

@media screen and (max-width: 344px) {
    .gsc-webResult.gsc-result {
        width: 100% !important;
        height: 150px !important;
    }

    .gsc-webResult .gs-snippet {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 1.4em;
        max-height: 4.2em;
    }
}



.gs-web-image-box, .gs-promotion-image-box {
    width: 130px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 2px 8px 2px 0 !important;
    margin-right: 10px !important;
    float: none !important;
    text-align: center !important;
    overflow: visible !important;
}

.gsc-webResult .gs-image {
    width: 120px !important;
    height: 70px !important;
    object-fit: cover !important;
    max-width: none !important;
    max-height: none !important;
}

.gsc-webResult .gsc-thumbnail-inside {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.gsc-table-result {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.gsc-table-cell-thumbnail {
    flex: 0 0 auto;
    width: 130px !important;
    height: 80px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* กล่องข้อความทั้งหมด (title, snippet, URL) */
.gsc-table-cell-snippet-close {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.gsc-webResult .gs-title.gsc-table-cell-thumbnail.gsc-thumbnail-left > a.gs-title {
    display: block !important;
    font-size: 15px !important;
    color: #1a0dab !important;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 4px;
    margin-left: 0 !important;
}

.gsc-webResult .gs-bidi-start-align.gs-snippet {
    font-size: 13px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.2em;
}

.gsc-webResult .gs-visibleUrl,
.gsc-url-bottom,
.gsc-above-wrapper-area,
.gsc-above-wrapper-area-container,
.gsc-positioningWrapper,
.gsc-orderby,
.gcsc-more-maybe-branding-root {
    display: none !important;
}

.gsc-results {
    display: flex;
    flex-direction: column;
}

.gsc-cursor-box {
    display: flex !important;
    justify-content: flex-end !important;
    padding: 10px 30px !important;
    flex-wrap: wrap;
    gap: 8px;
    order: -1;
}


.gsc-cursor-page {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    width: 40px !important;
    height: 40px !important;
    margin: 0 4px !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    padding: 0 !important;
    cursor: pointer;
}

#gsc-i-id1 {
    width: 100% !important;
    padding: 5px !important;
    height: 36px !important;
    border: none !important;
    margin: 0 !important;
    outline: none !important;
}


.gsc-cursor-current-page {
    background-color: #f60 !important;
    color: #fff !important;
}

/*.gsc-cursor-page:nth-child(n+8) {
          display: none !important;
        }*/

/* หน้าที่ active อยู่ตอนนี้ */
.gsc-cursor-current-page {
    background-color: #000000 !important;
    color: white !important;
    border-color: #000000 !important;
}

.gsc-cursor-page:hover {
    background-color: #f0f0f0;
    color: #000;
    text-decoration: none !important;
}

.gsc-search-button {
    width: 1%;
    height: 47px !important;
}

.search-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 0;
}

.gcse-search {
    transform: scale(0.9);
    transform-origin: top center;
}

.search-label2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 0 !important;
}

.gcsc-more-maybe-branding-box {
    display: none !important;
}
/*.gsc-input {
          height: 40px !important;
          line-height: 40px !important;
          padding: 0 10px !important; 
        }*/

#gsc-i-id1.remove-style {
    all: unset !important;
}

.gsc-webResult.gsc-result:has(.gs-spelling.gs-spelling-original) {
    border: none !important;
    height: 50% !important;
}