﻿#imgdisplay-warp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgdisplay-warp-full {
    position: relative !important;
    width: 100% !important;
    background-color: rgb(255, 255, 255) !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.imgdisplay-warp {
    position: relative !important;
    width: 100% !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    max-width: 1340px;
    margin: 0 auto;
}

.imgdisplay-container {
    -webkit-box-align: center !important;
    align-items: center !important;
    display: flex !important;
    overflow: hidden !important;
    background: #FFF !important;
}

._1am85ocg, ._3am66ctp, ._12fullocg {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    display: flex !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    background-color: rgb(255,255,255) !important;
    position: relative !important;
    width: 67% !important;
    height: 294.667px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    color: inherit !important;
}

._uttz43 {
    display: inline-block !important;
    left: 0px !important;
    position: absolute !important;
    transform: scale(1) !important;
    opacity: 1 !important;
    transition: -ms-transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
}

    ._uttz43:hover {
        transition: -ms-transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
        transform: scale(1.05) !important;
    }

._le7w2kl {
    display: inline-block !important;
    left: 0px !important;
    position: absolute !important;
    transform: scale(1) !important;
    opacity: 0.7 !important;
    transition: all 450ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important;
}

._16ux2msv, ._3bc34ctp {
    position: relative !important;
    width: 33% !important;
    overflow: hidden !important;
    height: 294.667px !important;
}

._18hj6rbb {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    display: flex !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    background-color: rgb(255,255,255) !important;
    position: relative !important;
    height: 50% !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    color: inherit !important;
}

    ._18hj6rbb img {
        width: 100%;
    }

._10p70oqq {
    display: none !important;
    position: relative !important;
    width: 33% !important;
    overflow: hidden !important;
    height: 294.667px !important;
}

._qcunqbl {
    position: relative !important;
    width: 33% !important;
    overflow: hidden !important;
    height: 294.667px !important;
}

._4tqmup6 {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    display: flex !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    background-color: rgb(255,255,255) !important;
    position: relative !important;
    width: 67% !important;
    height: 294.667px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    color: inherit !important;
}

._o2i035 {
    left: auto !important;
    right: 24px !important;
    bottom: 24px !important;
    position: absolute !important;
    transform: translateY(0px) !important;
    z-index: 1 !important;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 1px 1px !important;
}

._1zib1kz {
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    width: auto !important;
    touch-action: manipulation !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: normal !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC", sans-serif !important;
    color: rgb(72, 72, 72) !important;
    padding: 6px 10px !important;
    /*font-weight: 800 !important;*/
    border-radius: 4px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
    background: rgb(255, 255, 255) !important;
    box-shadow: none !important;
    min-width: 48.541px !important;
}

    ._1zib1kz:focus {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 1px, rgba(255, 255, 255, 0.7) 0px 0px 0px 5px !important;
        outline: none !important;
        transition: box-shadow 0.2s ease 0s !important;
    }

/*._dhu7j3 {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 1 !important;
}*/

._1jdtwz4 {
    -webkit-box-pack: end !important;
    display: flex !important;
    justify-content: flex-end !important;
}

._c2acbp {
    margin-right: 10px !important;
}

._5kaapu {
    -webkit-box-align: center !important;
    display: flex !important;
    align-items: center !important;
    line-height: 22px !important;
    letter-spacing: normal !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC", sans-serif !important;
    color: rgb(72, 72, 72) !important;
    font-weight: 800 !important;
}

._14tkmhr {
    margin-right: 8px !important;
}

.dir.b1qnr4x4[class][class] {
    cursor: pointer;
    margin: 0;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    background: lightgrey;
}

.dir.c1p20n7u[class][class] {
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
    transition: box-shadow 0.2s ease,transform 0.1s ease;
    border-color: #222222;
    background: #ffffff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.c1p20n7u[class][class] {
    font-family: var(--e-ls-qkw);
    font-size: var(--iw-ehf-f);
    line-height: var(---s-l-myu);
    font-weight: var(--jx-zk-pv);
    outline: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-transition: box-shadow 0.2s ease,-webkit-transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    color: var(--f-k-smk-x);
    font-size: var(--c-zdwk-p);
    line-height: var(--j-p-z-kco);
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

.b1qnr4x4[class][class] {
    display: inline-block;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: auto;
    color: black;
    font-size: 14px;
    font-family: inherit;
    touch-action: manipulation;
}

@media (max-width: 768px) {
    ._16ux2msv {
        display: none;
    }

    ._10p70oqq {
        display: none;
    }

    ._3bc34ctp {
        display: none;
    }

    ._1am85ocg, ._12fullocg {
        width: 100% !important;
    }

    ._3am66ctp {
        width: 100% !important;
    }

    .functional-wrap ._dhu7j3 {
        bottom: 0rem !important;
    }

    .dir.c1p20n7u[class][class] {
        border: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    ._14tkmhr {
        margin-right: 4px !important;
    }

}

@media (min-width: 1128px) {
    ._16ux2msv {
        width: 25% !important;
    }

    ._10p70oqq {
        display: block !important;
        width: 25% !important;
    }

    ._3bc34ctp {
        width: 34% !important;
    }

    ._1am85ocg {
        width: 50% !important;
    }

    ._12fullocg {
        width: 100% !important;
    }

    ._3am66ctp {
        width: 66% !important;
    }
}

@media (min-height: 700px) {
    ._16ux2msv {
        height: 294.667px !important;
    }

    ._10p70oqq {
        height: 294.667px !important;
    }

    ._3bc34ctp {
        height: 294.667px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 294.667px !important;
    }

    ._3am66ctp {
        height: 294.667px !important;
    }
}

@media (min-height: 850px) {
    ._16ux2msv {
        height: 394.667px !important;
    }

    ._10p70oqq {
        height: 394.667px !important;
    }

    ._3bc34ctp {
        height: 394.667px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 394.667px !important;
    }

    ._3am66ctp {
        height: 394.667px !important;
    }
}

@media (min-width: 744px) and (min-height: 700px) {
    ._16ux2msv {
        height: 353.6px !important;
    }

    ._10p70oqq {
        height: 353.6px !important;
    }

    ._3bc34ctp {
        height: 353.6px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 353.6px !important;
    }

    ._3am66ctp {
        height: 353.6px !important;
    }
}

@media (min-width: 744px) and (min-height: 850px) {
    ._16ux2msv {
        height: 473.6px !important;
    }

    ._10p70oqq {
        height: 473.6px !important;
    }

    ._3bc34ctp {
        height: 473.6px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 473.6px !important;
    }

    ._3am66ctp {
        height: 473.6px !important;
    }
}

@media (min-width: 1128px) and (min-height: 700px) {
    ._16ux2msv {
        height: 442px !important;
    }

    ._10p70oqq {
        height: 442px !important;
    }

    ._3bc34ctp {
        height: 442px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 442px !important;
    }

    ._3am66ctp {
        height: 442px !important;
    }
}

@media (min-width: 1128px) and (min-height: 850px) {
    ._16ux2msv {
        height: 592px !important;
    }

    ._10p70oqq {
        height: 592px !important;
    }

    ._3bc34ctp {
        height: 592px !important;
    }

    ._1am85ocg, ._12fullocg {
        height: 592px !important;
    }

    ._3am66ctp {
        height: 592px !important;
    }
}

.c1yo0219[class][class]::before {
    display: flex;
    content: '';
}

@media (min-width: 375px) and (max-width: 744px) {
    .plmw1e5 {
        /*display: none;*/
    }

    ._1a6d9c4 {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (min-width: 744px) and (max-width: 950px) {
    .plmw1e5 {
        max-width: 744px;
    }

    ._qmx5s9 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    ._1a6d9c4 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (min-width: 950px) and (max-width: 1128px) {
    .plmw1e5 {
        max-width: 950px;
    }

    ._1a6d9c4 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media (min-width: 1128px) {
    .plmw1e5 {
        max-width: 1128px;
    }

    ._1a6d9c4 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    ._14svpwf {
        /*width: 50% !important;*/
    }
}

@media (min-width: 1440px) {
    .plmw1e5 {
        max-width: 1340px;
        margin: 0 auto;
    }

    ._1a6d9c4 {
        max-width: none !important;
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}



._1a6d9c4 {
    -webkit-box-lines: multiple !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dir.plmw1e5[class][class] {
    margin-left: auto;
    margin-right: auto;
}

._1e7mf6h {
    height: 51px !important;
}

._hgs47m {
    display: table !important;
    width: 100% !important;
    border-spacing: 0px !important;
}

._10ejfg4u {
    display: table-cell !important;
    width: 100% !important;
    vertical-align: middle !important;
}

._sd6jubd {
    margin: 0px !important;
    overflow-wrap: break-word !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC", sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.28571em !important;
    color: rgb(72, 72, 72) !important;
}

._1p513asg {
    display: inline-block !important;
    padding: 16px 0px 13px !important;
    border-bottom: 3px solid rgb(72, 72, 72) !important;
}

._t09dhe5 {
    color: #484848 !important;
}

._15120b1d {
    margin: 0px !important;
    overflow-wrap: break-word !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.28571em !important;
    color: rgb(72, 72, 72) !important;
}

._t5g4kn {
    margin: 0px 4px !important;
}

.browseall {
    display: flex !important; 
    align-items: center;
}
