._3asOp_ou {
    opacity: 0
}

._3asOp_ou._2HGO9MoR {
    opacity: 1
}

.DbBcQxhh {
    width: 100%
}

._3zP8mpNB {
    min-width: unset;
    max-width: none;
    width: auto;
    height: 100%
}

._5b7_fxQM {
    position: relative
}

._3ewULQFd,
._5b7_fxQM {
    width: 100%;
    height: 100%
}

._3ewULQFd {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: flex;
    align-items: center
}

._2CaRG3uu {
    opacity: 1
}

.L9N1wSNd {
    -webkit-animation: _2Sc5xD_z .4s linear 0s forwards;
    animation: _2Sc5xD_z .4s linear 0s forwards;
    z-index: 2;
    opacity: 1
}

._3d61NduY {
    -webkit-animation: _2j7mQ20m .4s linear .2s forwards;
    animation: _2j7mQ20m .4s linear .2s forwards;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes _2j7mQ20m {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _2j7mQ20m {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes _2Sc5xD_z {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _2Sc5xD_z {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

._3WjpJcc_ {
    width: 100%;
    height: 100%;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

._3WjpJcc_:hover ._1GjntFZ4 {
    background-color: hsla(0, 0%, 100%, .08)
}

._3WjpJcc_:active ._1GjntFZ4 {
    background-color: rgba(0, 0, 0, .06)
}

._3NwFlJDO {
    object-fit: cover
}

._1GjntFZ4 {
    position: absolute;
    width: 100%;
    height: 100%
}

._3Wf-K2kx {
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    font-style: italic
}

._5yhkXz6h {
    position: relative;
    margin-left: 20px;
    display: flex;
    align-items: center;
    min-width: 2rem
}

._5yhkXz6h>span {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

._3KbG8bHW {
    display: flex;
    align-items: center;
    font-size: .14rem;
    margin-left: .06rem
}

._2YHxBwDU {
    padding-bottom: .02rem
}

._2YHxBwDU,
._3ZRnEcGY {
    font-size: .14rem;
    font-weight: 500;
    color: #fff
}

._3ZRnEcGY {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    border-radius: .02rem;
    background: #000;
    line-height: .24rem;
    text-align: center;
    margin: 0 4px
}

._1HrJtfqD {
    fill: #fff;
    height: 16px;
    width: 16px
}

.aRRQ9JRs {
    margin-bottom: 30px;
    overflow: hidden
}

._1ky6KEjv {
    display: flex
}

._1ky6KEjv,
._3-30fYnD {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

._1ky6KEjv{
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    height: 100%;
    top: 0;
}

._3-30fYnD {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    flex-direction: row;
    cursor: pointer;
    overflow: hidden;
    background: #fff
}

._3-30fYnD:focus-visible {
    outline: 2px solid #0b7bff;
    outline-offset: 2px;
    border-radius: 2px
}

._3-30fYnD:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .03)
}

.JXCZqWLe {
    opacity: 0
}

._2ToC-l7x {
    width: 100%
}

._2noh-kFl {
    width: 100%;
    height: 100%
}

._1-M093Dv {
    min-width: unset;
    max-width: none;
    width: auto;
    height: 100%
}

._1nvvB6Ao {
    padding-bottom: 100%
}

._1WC3wglT {
    bottom: 0;
    z-index: 8;
    pointer-events: none
}

.-VjBywMJ,
._1WC3wglT {
    position: absolute;
    width: 100%;
    left: 0
}

.-VjBywMJ {
    height: 100%;
    object-fit: cover;
    top: 0;
    z-index: -1;
    opacity: 0
}

.-VjBywMJ._1We0PcdL {
    z-index: 10;
    opacity: 1
}

._3aIpKuk2 {
    padding-left: 12px;
    padding-bottom: 12px
}

._1Wj0f7y7 {
    width: 32px;
    height: 32px;
    display: inline-block
}

._1Zc8R-bS {
    position: absolute;
    width: 71.6px !important;
    height: 71.6px !important;
    top: 12.6px !important;
    left: 12.6px !important
}

@media (max-width:1600px) {
    ._1Zc8R-bS {
        width: 56.7px !important;
        height: 56.7px !important;
        top: 10px !important;
        left: 10px !important
    }
}

.-h9DL-QF {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    background-color: rgba(0, 0, 0, .14)
}

._2teVecST span {
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 2px;
    -webkit-animation: _2qnQHnQS 1s ease infinite;
    animation: _2qnQHnQS 1s ease infinite
}

._2teVecST span:first-child {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

._2teVecST span:nth-child(2) {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

._2teVecST span:nth-child(3) {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.goods-img-container-external:hover .rIteJTWM ._3az2QKNM {
    transition: opacity .5s ease .3s;
    opacity: 1
}

.goods-img-container-external .rIteJTWM {
    position: relative
}

.goods-img-container-external .rIteJTWM ._3az2QKNM {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .15s ease;
    opacity: 0
}

@-webkit-keyframes _2qnQHnQS {

    0%,
    60%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

@keyframes _2qnQHnQS {

    0%,
    60%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    30% {
        -webkit-transform: scale(.01);
        transform: scale(.01);
        opacity: .1
    }
}

._10jROmYg {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    width: -webkit-fit-content;
    width: fit-content;
    cursor: pointer
}

.Z6TUB6xH {
    font-size: 22px;
    color: #222;
    font-weight: 800;
    font-style: italic
}

._2CPrvqqB {
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-top: 3px
}

.JmbbD31T {
    font-size: 14px;
    margin-right: 8px;
    margin-left: 22px;
    color: #000
}

._1Pb3K5uH {
    min-width: 24px;
    padding: 0 2px;
    height: 24px;
    background-color: #000;
    border-radius: 2.3px;
    font-size: 15px;
    color: #fff
}

._1Pb3K5uH,
._2LwjSpoF {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row
}

._2LwjSpoF {
    width: 9px;
    position: relative;
    bottom: 1px;
    font-size: 13px
}

._1cLRgGCs {
    fill: #222;
    height: 16px;
    width: 16px;
    margin-left: 4px
}

.brBeIC9j {
    display: flex;
    align-items: center
}

._3SvHFwLp {
    background: url('data:image/svg+xml;charset=utf-8,<svg viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg"><path d="M11.047 2.451a.722.722 0 011.082.953l-.06.068-7.144 7.15a.722.722 0 01-.952.061l-.068-.06L.568 7.307a.722.722 0 01.95-1.084l.068.06L4.411 9.09l6.636-6.64z" fill="%23000" fill-rule="nonzero"/></svg>') no-repeat 50% 50%/100% 100%;
    display: inline-block
}

._2E10KXJq {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    margin-bottom: 30px;
    background-color: #000;
    cursor: pointer
}

._2E10KXJq:hover ._378kK6ak {
    background-color: hsla(0, 0%, 100%, .08)
}

._2E10KXJq:active ._378kK6ak {
    background-color: rgba(0, 0, 0, .06)
}

._3nAQs5jt {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    width: 100%
}

._3EmA3Ykj,
._378kK6ak {
    position: absolute;
    width: 100%;
    height: 100%
}

._2270DFPf {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    position: relative
}

._1kOU2rys {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    font-style: italic
}

._33yX9721 {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-left: 4px
}

._2eqP06GS {
    position: relative;
    padding-top: 4px
}

._1D_pJ3U- {
    width: 80%;
    height: 3px;
    background-color: rgba(0, 0, 0, .08);
    border-radius: 1.5px
}

._1D_pJ3U-.QcO87i76 {
    width: 70%
}

._2LStn8em {
    width: 50%;
    min-width: 3px;
    max-width: 100%;
    height: 100%;
    border-radius: 1.5px;
    background-color: #000
}

._1yD5ugt- {
    display: flex;
    margin-top: 6px;
    height: 18px;
    align-items: center
}

._3jTqBAos {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

._2oB22UiM {
    white-space: nowrap;
    font-size: 13px;
    color: #555;
    line-height: 18px
}

._2caDZsVd {
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

._27r5G40r {
    font-size: 24px;
    color: #000;
    line-height: 28px;
    font-weight: 900;
    display: inline-block
}

._1JCgBe7e {
    font-size: 14px;
    color: #000;
    line-height: 18px;
    font-weight: 500;
    position: absolute;
    top: 5px;
    right: 0
}

._1JCgBe7e:hover .T_MrRC2K {
    text-decoration: underline
}

._1JCgBe7e:active {
    color: rgba(0, 0, 0, .6)
}

._1JCgBe7e:active .T_MrRC2K {
    text-decoration: none
}

._1JCgBe7e:active .Q9wUAvzp {
    fill-opacity: .6
}

.Q9wUAvzp {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    vertical-align: -3px
}

._1MYk4L5D {
    color: #aaa;
    font-size: 13px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

:lang(th) ._3f3tYvU0 {
    line-height: 1.65 !important;
    max-height: unset !important
}