﻿.area-info_productContainer__1s0AT { margin-bottom: .5rem; /*background: #f4f5f5;*/ border-radius: 0.5rem; position: relative; cursor: pointer }
    .area-info_productContainer__1s0AT > a { border-bottom: 1px solid rgb(240, 238, 238); display: block; padding: 0 0 7px; }
    /*.area-info_productContainer__1s0AT > a:hover { box-shadow: 0 0.0625rem 20px 0 rgba(0, 0, 0, 0.3); }*/
    .area-info_productContainer__1s0AT .product-tag { position: absolute; top: .5rem; left: .5rem; background: var(--main-color); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: flex; flex-wrap: nowrap; align-items: center; border-radius: 3.125rem 3.125rem 3.125rem 0; padding: .25rem .5rem }
        .area-info_productContainer__1s0AT .product-tag p { margin-left: .3125rem; color: #fff; font-size: 12px }
    .area-info_productContainer__1s0AT .product-image { height: 0; border-radius: 0.5rem; width: 100%; position: relative; cursor: pointer; overflow: hidden; padding-top: 100%; }
        .area-info_productContainer__1s0AT .product-image .f-carousel__slide { overflow: hidden; }
            .area-info_productContainer__1s0AT .product-image .f-carousel__slide img { transition: transform .5s ease; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
    .area-info_productContainer__1s0AT:hover .product-image .f-carousel__slide img { transform: scale(1.1) }
    .area-info_productContainer__1s0AT:hover *:not(.badge) { /*color: rgb(10, 82, 145) !important;*/ }
    .area-info_productContainer__1s0AT .product-image .ant-image { height: 100%; width: 100% }
        .area-info_productContainer__1s0AT .product-image .ant-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
    .area-info_productContainer__1s0AT .product-image .ant-image-ocop { position: absolute; bottom: -11px; left: 0px; height: auto !important; background: #fff; padding: 5px; }
    .area-info_productContainer__1s0AT .product-image:hover .ant-image-ocop { transform: scale(1) !important; }
    .area-info_productContainer__1s0AT .product-content { }
    .area-info_productContainer__1s0AT [class^="fa"] { width: 20px; text-align: center; flex-basis: 20px; flex-grow: 0; flex-shrink: 0; margin-top: 5px; margin-right: 5px; font-size: 15px; }
    .area-info_productContainer__1s0AT .name { font-weight: 700; font-size: 17px !important; cursor: pointer; line-height: 1.5; }
    .area-info_productContainer__1s0AT .price { font-weight: 500; font-size: .875rem; color: #fe5d5d }
    .area-info_productContainer__1s0AT .name { margin: 0 !important; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .area-info_productContainer__1s0AT .seasons { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
    .area-info_productContainer__1s0AT .tieuchuan_wrap { /*padding-left: 25px;*/ }
    .area-info_productContainer__1s0AT .product-rules { display: flex; margin-top: .5rem }
        .area-info_productContainer__1s0AT .product-rules .rule-img { width: 1.125rem; height: 1.125rem; position: relative; margin-right: .5rem }
            .area-info_productContainer__1s0AT .product-rules .rule-img.inactive { opacity: .1 }
    .area-info_productContainer__1s0AT .tieuchuan { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
    .area-info_productContainer__1s0AT .region { color: rgb(5, 44, 101) !important; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
    .area-info_productContainer__1s0AT .ant-col-xs-8 { max-width: 108px }
.area-info_tag__oMI0T { background: #e5f0ec; padding: .4375rem .9375rem; border-radius: 4rem }
    .area-info_tag__oMI0T p { margin-left: .3125rem; font-weight: 500; font-size: .875rem; color: #006643 }
.area-info_tabTitle__bBLcQ { display: flex; flex-wrap: nowrap; align-items: center; color: var(--main-color) }
    .area-info_tabTitle__bBLcQ img { margin-right: .3125rem }
.area-info_cardHeader__TKiKn { margin-bottom: 1rem }
    .area-info_cardHeader__TKiKn h2 { font-weight: 700; font-size: 20px; color: #22313f }
.area-info_productTab__TJLCb { flex-direction: column; /*max-height: 100%; overflow: auto; padding-right: .3125rem */ }
.area-info_emptyImage__549sA { margin: 20px auto 0 }
.area-info_areaContainer__5Ny8h { width: 100%; height: 100%; background: #fff; padding: 1.25rem 1rem; border-radius: 1rem; border: 1px solid rgb(238, 237, 237); overflow: hidden; }
    .area-info_areaContainer__5Ny8h .ant-tabs-tabpane { overflow: hidden; outline: none; height: 100%; }

.text-upper { text-transform: uppercase; }

#btnViewMap { float: right; font-style: italic; text-decoration: underline; }

#leafletmap { transition: all ease-in-out 1s; opacity: 0; position: fixed; top: 20px; left: 20px; right: 20px; bottom: 20px; background: #fff; z-index: -1; }
    #leafletmap.active { opacity: 1; z-index: 1000; }
    #leafletmap .leafletmap-close { position: absolute; top: 15px; right: 15px; line-height: 20px; font-size: 20px; cursor: pointer; }
        #leafletmap .leafletmap-close:hover { color: var(--main-color); }
    #leafletmap .leafletmap-main { width: 100%; height: 100%; }
    #leafletmap:after { content: ""; }

.carousel-product-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; }
    .carousel-product-image .carousel__viewport { height: 100%; width: 100%; }
    .carousel-product-image .carousel__track { height: 100%; width: 100%; }
        .carousel-product-image .carousel__track .carousel__slide { height: 100%; width: 100%; }


#LeafMapWraper { }
    #LeafMapWraper > div { width: 100%; padding-top: 66.66%; position: relative; }
#LeafMap { width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; }

.leaflet-label { color: #555; text-align: center; width: 90px !important; height: 20px !important; line-height: 20px; font-weight: 700; }

.badge { /*font-weight: 800; border-radius: 4px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.08); box-shadow: 0 2px 3px rgba(0,0,0,.08); line-height: 1.5; margin-right: 5px; color: #fff !important; padding: 3px 5px;*/ }
.badge-primary { background-color: var(--main-color); color: #fff !important; }
.badge-success { background-color: #35a989; color: #fff !important; }
.badge-info { background-color: #29bbe3; color: #fff !important; }
.badge-warning { background-color: #f5b225; color: #fff !important; }
.badge-danger { background-color: #f16c69; color: #fff !important; }
.badge-dark { background-color: rgb(129, 135, 149); }
.badge-outer-primary { border: 1px solid var(--main-color); color: var(--main-color) !important; background-color: #fff; }
.badge-outer-success { border: 1px solid #35a989; color: #35a989 !important; background-color: #fff; }
.badge-outer-info { border: 1px solid #29bbe3; color: #29bbe3 !important; background-color: #fff; }
.badge-outer-warning { border: 1px solid #f5b225; color: #f5b225 !important; background-color: #fff; }
.badge-outer-danger { border: 1px solid #f16c69; color: #f16c69 !important; background-color: #fff; }
.badge-outer-dark { border: 1px solid rgb(129, 135, 149); color: rgb(129, 135, 149) !important; background-color: #fff; }

.image-wraper2 { border-radius: 4px; width: 100%; position: relative; overflow: hidden; padding-top: 100%; }
    .image-wraper2 img { position: absolute; top: 0; left: 0; }


.area-info_areaContainer__5Ny8h .tab-container h3 { font-weight: 700; font-size: 17px; color: rgb(5, 44, 101); margin-bottom: .5rem; margin-top: .9375rem }
.area-info_areaContainer__5Ny8h .tab-container .editor pre { white-space: pre-line; font-family: SVN-Gilroy,sans-serif }
.area-info_areaContainer__5Ny8h .tab-container .content { font-weight: 400; font-size: 1rem; color: rgb(5, 44, 101) }
.area-info_areaContainer__5Ny8h .tab-container .pair p { font-size: 15px; color: rgb(5, 44, 101); width: 50%; padding: .625rem; background: #f4f5f5; margin: .125rem }
.area-info_areaContainer__5Ny8h .tab-container .pair .label { font-weight: 400 }
.area-info_areaContainer__5Ny8h .tab-container .pair .value { font-weight: 500 }
.area-info_areaContainer__5Ny8h .tab-container .pair .label.first-pair { border-radius: .5rem 0 0 0 }
.area-info_areaContainer__5Ny8h .tab-container .pair .value.first-pair { border-radius: 0 .5rem 0 0 }
.area-info_areaContainer__5Ny8h .tab-container .pair .label.last-pair { border-radius: 0 0 0 .5rem }
.area-info_areaContainer__5Ny8h .tab-container .pair .value.last-pair { border-radius: 0 0 .5rem 0 }
.area-info_areaContainer__5Ny8h .tab-container pre { white-space: normal; font-family: inherit }


.fruit-map_title-42-bold__HHq8Z { font-family: SVN-Gilroy,sans-serif; font-size: 2.625rem; line-height: 3.625rem; font-weight: 700 }
.fruit-map_title-32-bold__fP0cw { font-family: SVN-Gilroy,sans-serif; font-size: 2rem; line-height: 2.5rem; font-weight: 700 }
.fruit-map_title-24-bold__9urJK { font-family: SVN-Gilroy,sans-serif; font-size: 1.5rem; line-height: 2.25rem; font-weight: 700 }
.fruit-map_title-16-bold__bFqK_ { font-family: SVN-Gilroy,sans-serif; font-size: 1rem; line-height: 1.25rem; font-weight: 700 }
.fruit-map_title-24-medium__e_MmF { font-family: SVN-Gilroy,sans-serif; font-size: 1.5rem; line-height: 2.25rem; font-weight: 500 }
.fruit-map_title-16-medium__469eN { font-family: SVN-Gilroy,sans-serif; font-size: 1rem; line-height: 1.25rem; font-weight: 500 }
.fruit-map_title-14-bold__X3dAk { font-family: SVN-Gilroy,sans-serif; font-size: .875rem; line-height: 1.125rem; font-weight: 700 }
.fruit-map_subtitle-20-bold___RQsd { font-family: SVN-Gilroy,sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.25rem }
.fruit-map_subtitle-20-medium__sP2sQ { font-family: SVN-Gilroy,sans-serif; font-weight: 500; font-size: 1.25rem; line-height: 1.25rem }
.fruit-map_subtitle-18-bold__gmp40,
.fruit-map_subtitle-18-semi-bold__wOUJA { font-family: SVN-Gilroy,sans-serif; font-weight: 700; font-size: 1.125rem; line-height: 1.75rem }
.fruit-map_subtitle-18-medium__SypD_ { font-family: SVN-Gilroy,sans-serif; font-weight: 500; font-size: 1.125rem; line-height: 1.75rem }
.fruit-map_subtitle-18-regular__7v6PR { font-family: SVN-Gilroy,sans-serif; font-weight: 400; font-size: 1.125rem; line-height: 1.75rem }
.fruit-map_body-16-semi-bold-underline__V_iJ3,
.fruit-map_body-16-semi-bold__On8ze { font-family: SVN-Gilroy,sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.5rem }
.fruit-map_body-16-semi-bold-underline__V_iJ3 { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_body-16-regular-underline__COKac,
.fruit-map_body-16-regular__Cf__L { font-family: SVN-Gilroy,sans-serif; font-size: 1rem; line-height: 1.5rem }
.fruit-map_body-16-regular-underline__COKac { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_body-14-semi-bold-underline__Lkvog,
.fruit-map_body-14-semi-bold__Y9ItP { font-family: SVN-Gilroy,sans-serif; font-weight: 700; font-size: .875rem; line-height: 1.375rem }
.fruit-map_body-14-semi-bold-underline__Lkvog { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_body-14-regular-underline__Lo2o4,
.fruit-map_body-14-regular__pmyzJ { font-family: SVN-Gilroy,sans-serif; font-size: .875rem; line-height: 1.375rem }
.fruit-map_body-14-regular-underline__Lo2o4 { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_caption-12-semi-bold-underline__tarvz,
.fruit-map_caption-12-semi-bold__KDZFu { font-family: SVN-Gilroy,sans-serif; font-weight: 700; font-size: .75rem; line-height: 1.125rem }
.fruit-map_caption-12-semi-bold-underline__tarvz { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_caption-12-regular-underline__tYo9a,
.fruit-map_caption-12-regular__yK5vZ { font-family: SVN-Gilroy,sans-serif; font-size: .75rem; line-height: 1.125rem }
.fruit-map_caption-12-regular-underline__tYo9a { -webkit-text-decoration-line: underline; text-decoration-line: underline }
.fruit-map_status-completed__0mAxZ { background-color: #54b94f; color: #fff }
.fruit-map_status-failed__2q7Fl { background-color: #d3303a; color: #fff }
.fruit-map_status-pending__1vMew { background-color: #f0893c; color: #fff }
.fruit-map_status-rejected__fL0nQ { background-color: #e5e9f2; color: #8492a6 }
.fruit-map_btn-ant-primary__6zuXk,
.fruit-map_btn-ant-secondary__lisOS { border-radius: 12px; font-size: 16px; height: 44px; border: none }
    .fruit-map_btn-ant-primary__6zuXk:hover,
    .fruit-map_btn-ant-secondary__lisOS:hover { opacity: .9 }
    .fruit-map_btn-ant-primary__6zuXk .fruit-map_ant-btn__Ziu3a[disabled],
    .fruit-map_btn-ant-primary__6zuXk .fruit-map_ant-btn__Ziu3a[disabled]:active,
    .fruit-map_btn-ant-primary__6zuXk .fruit-map_ant-btn__Ziu3a[disabled]:focus,
    .fruit-map_btn-ant-primary__6zuXk .fruit-map_ant-btn__Ziu3a[disabled]:hover,
    .fruit-map_btn-ant-secondary__lisOS .fruit-map_ant-btn__Ziu3a[disabled],
    .fruit-map_btn-ant-secondary__lisOS .fruit-map_ant-btn__Ziu3a[disabled]:active,
    .fruit-map_btn-ant-secondary__lisOS .fruit-map_ant-btn__Ziu3a[disabled]:focus,
    .fruit-map_btn-ant-secondary__lisOS .fruit-map_ant-btn__Ziu3a[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5 }
    .fruit-map_btn-ant-secondary__lisOS,
    .fruit-map_btn-ant-secondary__lisOS:active,
    .fruit-map_btn-ant-secondary__lisOS:focus,
    .fruit-map_btn-ant-secondary__lisOS:hover { color: rgb(5, 44, 101); background-color: #e9eaec }
    .fruit-map_btn-ant-primary__6zuXk,
    .fruit-map_btn-ant-primary__6zuXk:active,
    .fruit-map_btn-ant-primary__6zuXk:focus,
    .fruit-map_btn-ant-primary__6zuXk:hover { background-color: var(--main-color); color: #fff }
.fruit-map_tag__DvP8_ { cursor: pointer }
.fruit-map_district__AllH_ { cursor: -webkit-grabbing; cursor: grabbing }
.fruit-map_geographyAnimateLv1__gRZbD { transition: .3s; filter: drop-shadow(0 0 0 rgba(0,0,0,.4)) }
    .fruit-map_geographyAnimateLv1__gRZbD:hover { filter: drop-shadow(-.1875rem .1875rem .125rem rgba(0,0,0,.4)) }
.fruit-map_geographyAnimateLv2__70UL7 { transition: .3s; filter: drop-shadow(0 0 0 rgba(0,0,0,.4)) }
    .fruit-map_geographyAnimateLv2__70UL7:hover { filter: drop-shadow(-.5rem .625rem .125rem rgba(0,0,0,.4)) }
.fruit-map_svgMap__qxWEK { width: 100%; height: 100% }
.fruit-map_mapWrapper__isB72 { min-height: 50vh; width: 100%; height: 100%; /*position: absolute;*/ top: 0; right: 0; bottom: 0; left: 0 }
    .fruit-map_mapWrapper__isB72 .rsm-geography { outline: none }
.fruit-map_mapContainer__g1IcG { width: 100%; /*min-height: 90vh;*/ position: relative }
.fruit-map_backButton__FOP0a { position: absolute; top: 3.125rem; left: .875rem; z-index: 11; padding: 0 1.875rem 0 .375rem; cursor: pointer; border-radius: 1.875rem; background-color: var(--main-color); display: flex; align-items: center }
    .fruit-map_backButton__FOP0a .content { align-items: center; padding-left: .9375rem; font-size: 1rem; color: #fff; line-height: 3.125rem; font-weight: 700 }
    .fruit-map_backButton__FOP0a .icon { background: #fff; color: var(--main-color); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: .625rem; border-radius: 50% }

.mapcontainer { padding-right: 20px; border: 1px dashed transparent; border-radius: 8px; overflow: hidden; width: 100%; }
/*.mapcontainer:hover { border: 1px dashed #fff; }*/

.mapael .map { position: relative; cursor: pointer; width: 100%; }

/* For all zoom buttons */
.mapael .zoomButton { background-color: rgb(255, 255, 255); border: 2px solid rgba(0,0,0,0.2); color: #000; width: 20px; height: 20px; line-height: 12px; text-align: center; border-radius: 2px; cursor: pointer; position: absolute; top: 0; font-weight: bold; left: 10px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; font-size: 20px; }

/* Reset Zoom button first */
.mapael .zoomReset { top: 10px; }

/* Then Zoom In button */
.mapael .zoomIn { top: 45px; }

/* Then Zoom Out button */
.mapael .zoomOut { top: 80px; }

.mapael .mapTooltip { position: absolute; background-color: #474c4b; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); border-radius: 10px; padding: 10px; z-index: 1000; max-width: 200px; display: none; color: #fff; }

.areaLegend, .plotLegend { background: rgba(255, 255, 255, 0.85); border-radius: 8px; padding: 10px 8px 10px; display: inline-block; margin-top: 5px; }
    .areaLegend tspan, .plotLegend tspan { color: rgb(255, 255, 255); }


.plotLegend { margin-left: 5px; }
    .plotLegend path { }
    .plotLegend image { }

#ThongTinBanDo ul { list-style-type: disc; padding-left: 16px; }

    #ThongTinBanDo ul li { padding-left: 7px; }

        #ThongTinBanDo ul li::marker { content: "•"; padding-right: 8px; color: rgb(5, 44, 101); }

.home_areaContainer__yg35r { display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.5s; }

.home_home__I8Ik8 { padding-bottom: 0; margin: auto }
.home_areaInfoDrawer__b7DL7 { display: none }
    .home_areaInfoDrawer__b7DL7 .ant-drawer-content { border-top-left-radius: 8%; border-top-right-radius: 8% }
        .home_areaInfoDrawer__b7DL7 .ant-drawer-content .ant-drawer-body { padding: 0; overflow-y: hidden }
    .home_areaInfoDrawer__b7DL7 .ant-drawer-content-wrapper { height: 400px !important; box-shadow: none !important }


.area-info_areaContainer__5Ny8h { }
    .area-info_areaContainer__5Ny8h .ant-tabs-top > .ant-tabs-nav:before { border: none }
    .area-info_areaContainer__5Ny8h .ant-tabs-ink-bar { display: none }
    .area-info_areaContainer__5Ny8h .ant-tabs-nav-list { width: 100%; border-radius: .5rem }
    .area-info_areaContainer__5Ny8h .ant-tabs-tab { width: calc(50% - .625rem); justify-content: center; padding-top: .3125rem; padding-bottom: .3125rem; border-radius: 1rem; background: rgba(31, 126, 208, 0.18); margin: 0 .625rem 0 0 }
        .area-info_areaContainer__5Ny8h .ant-tabs-tab.active { background: var(--main-color) }
            /*
.area-info_areaContainer__5Ny8h .ant-tabs-tab { width: calc(50% - .625rem); justify-content: center; padding-top: .3125rem; padding-bottom: .3125rem; border-radius: 1rem; background: #e5f0ec; margin: 0 .625rem 0 0 }
    .area-info_areaContainer__5Ny8h .ant-tabs-tab.active { background: var(--main-color) }*/

            .area-info_areaContainer__5Ny8h .ant-tabs-tab.active .ant-tabs-tab-btn span { color: #fff !important }
        .area-info_areaContainer__5Ny8h .ant-tabs-tab .ant-tabs-tab-btn { color: var(--main-color); font-weight: 500; font-size: 15px }
        .area-info_areaContainer__5Ny8h .ant-tabs-tab.ant-tabs-tab.active .ant-tabs-tab-btn { color: #fff }
    .area-info_areaContainer__5Ny8h .ant-tabs-nav-more { display: none }
    .area-info_areaContainer__5Ny8h .tab-container { overflow: hidden; height: 100%; }


.area-info_productContainer__1s0AT > a > .row > [class*="col"]:nth-child(2) { padding-left: 0; }

.map-legend { display: flex; align-items: stretch; justify-content: center; }
.overlay-map { display: none; }


@media(max-width:1023px) {
    .fruit-map_mapContainer__g1IcG { min-height: calc(70vh - 100px) }
    .fruit-map_backButton__FOP0a { top: 0 }
    .area-info_areaContainer__5Ny8h { margin-top: 0 }
    .mapcontainer { padding-right: 0; }
}

@media(min-width:992px) and (max-width:1023px) {
    .home_home__I8Ik8 { padding-left: 0 !important; padding-right: 0 !important }
        .home_home__I8Ik8 .homeWrapper { margin-left: .625rem; margin-right: .625rem }
}

@media(max-width:991px) {
    .news-tag { padding: 0.75rem 0; }
    .item-product-right a:nth-child(2) > .row { padding-top: 0; padding-bottom: 0; }
    .image-wraper2 { padding-top: 66.66%; }
    .area-info_areaContainer__5Ny8h { min-height: 65vh; }
    /*.mapcontainer { min-height: calc(100vh - 5.625rem); }*/

    #LeafMapWraper > div { padding-top: 50%; }
}

@media(max-width:767px) {
    .area-info_areaContainer__5Ny8h .ant-tabs-tabpane-active { /*max-height: 275px;*/ -ms-overflow-style: none; scrollbar-width: none }
        .area-info_areaContainer__5Ny8h .ant-tabs-tabpane-active::-webkit-scrollbar { display: none }
    .area-info_areaContainer__5Ny8h .tab-container { max-height: unset }
    .item-list-news > .row > [class*="col"]:nth-child(2) { padding-left: 0; }

    .main-logo { width: auto !important; height: 40px !important; }
    .product-title { height: auto; }
        .product-title p { padding: 0; }
    .trademark-title { height: auto; }
        .trademark-title p { padding: 0; }

    .map-legend { display: flex; align-items: stretch; justify-content: center; flex-direction: column; }
        .map-legend .plotLegend { margin: 5px 0; }

    .info_title { font-size: 13px !important; }

    /*.mapcontainer { min-height: calc(80vh - 5.625rem); }*/
    .header-container { margin-top: 90px !important; }
}

@media(max-width:639px) {
    .area-info_areaContainer__5Ny8h { z-index: 1005 }
    .area-info_productTab__TJLCb { -ms-overflow-style: none; scrollbar-width: none }
        .area-info_productTab__TJLCb::-webkit-scrollbar { display: none }
}

@media(max-width:576px) {
    .area-info_productContainer__1s0AT .product-content { padding-left: 0; }

    .news-tag > .row > [class*="col"]:nth-child(2) { padding-left: 0; }
    .area-info_productContainer__1s0AT .product-image { padding-top: 66.66%; }

    .news-tag { border-bottom: 1px solid rgb(219, 219, 219); }
}

@media(max-width:479px) {
    .fruit-map_mapContainer__g1IcG { min-height: 50vh }
    .product-image, .image-wraper2, .items-product, .detail-news .lst-right-img { padding-top: 100% !important; }
    .detail-news .lst-right-img { padding-top: 100% !important; }
    .home_areaContainer__yg35r { transition: all ease-in-out 0.5s !important; position: fixed; right: 0; bottom: -110vh; left: 0; height: 60vh; z-index: -1; margin-top: 0; opacity: 1 !important; transform: translate3d(0,0,0) scale(1) !important; }
        .home_areaContainer__yg35r.active { display: block !important; bottom: 50px; z-index: 999; }
            .home_areaContainer__yg35r.active .area-info_areaContainer__5Ny8h { max-height: 100%; overflow: hidden; height: 100%; }
                .home_areaContainer__yg35r.active .area-info_areaContainer__5Ny8h .ant-tabs-content-holder { }
                    .home_areaContainer__yg35r.active .area-info_areaContainer__5Ny8h .ant-tabs-content-holder .ant-tabs-content { height: 100%; }
                        .home_areaContainer__yg35r.active .area-info_areaContainer__5Ny8h .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane { height: 100%; }
                .home_areaContainer__yg35r.active .area-info_areaContainer__5Ny8h .ant-tabs { height: calc(100% - 2.5rem); }

    .overlay-map.active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(28, 28, 28, 0.56); z-index: 998; cursor: pointer; display: block; }
        .overlay-map.active > a { float: right; margin-right: 10px; margin-top: 5px; font-size: 60px; }

    .home_areaInfoDrawer__b7DL7 { display: block }
        .home_areaInfoDrawer__b7DL7 .home_areaContainer__yg35r { display: block !important }
    .image-wraper2 { padding-top: 100%; }
        .header-container .main-header { background: rgb(255, 255, 255); box-shadow: 0 0px 10px 1px rgb(189, 189, 189); }
        .header-container #MapWraper { padding-top: 0; }
    .header_headerWrapper__sFsCt .header_headerNav__8RQI2 { height: 0; }

    .header-container .main-header { z-index: 1; }
}
