.left {
    float: left;
}

.keywordTitle {
    font-size: 15px;
    font-weight: 600;
}

.block p {
    font-size: 13px;
    color: #666666;
}

.block .engTitle {
    color: #CC3333;
    font-size: 16px;
    font-weight: 800;
}

.block .thTitle {
    color: #CC3333;
    font-size: 13px;
}

.block ul li {
    font-size: 13px;
    color: #666666;
}

.block ul.redArrow {
    list-style-image: url('/images/icon/alldeal/allDealLiBullet.png');
}

/*rightstyle*/
.right {
    float: right;
}

.banner-image {
    background-repeat: no-repeat;
    background-position: 30% 30%;
    background-size: cover;
    padding: 7rem 2rem;
}

.banner-content {
    margin-top: -59px;
    margin-bottom: 59px;
}

.title-web-main {
    font-size: 200%;
    text-align: center;
    padding: .25rem;
}

    .title-web-main span::after {
        width: 25px;
        height: 25px;
    }

    .title-web-main div::before {
        width: 25px;
        height: 25px;
    }

    .title-web-main div {
        line-height: 1;
        padding-top: 10px;
        font-weight: 600;
    }

.map-container {
    position: relative;
}

#mapBox {
    width: 105%;
    height: 180px;
}

.btn-insearch {
    position: absolute;
    max-width: 80%;
    bottom: 25%;
    top: auto;
    left: 12%;
    right: auto;
    background-color: black !important;
    color: white !important;
    z-index: 99;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav .nav-item {
    background-color: #eaeaea;
    border: solid 1px #CBCBCB;
    min-width: 160px;
    text-align: center;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.nav-tabs li:hover {
    cursor: pointer;
}

.nav-tabs li h3 {
    font-weight: 600;
}

.nav-tabs li.current {
    background-color: #FFF !important;
    border-bottom: solid 0px white;
}

    .nav-tabs li.current .list-counter {
        background-color: #374A5A;
        color: white;
    }

.list-counter {
    background-color: white;
    color: #374A5A;
    padding: 3px 8px 3px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
}


/*sortTab*/
.tab-bar-style {
    border-left: solid 1px #CBCBCB;
    border-right: solid 1px #CBCBCB;
}

/*listitem*/
.list-container {
    background-color: #F1F1F1;
    border: solid 1px #CBCBCB;
    padding-top: 1rem;
}

.list-search .list-item-search {
    margin-bottom: .5rem;
    padding: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 1rem #c0c0c0;
}

.list-search .img-search .img-result {
    min-width: 100%;
    min-height: 220px;
    margin: 1rem 0px 1rem 1rem;
}

.list-item-search {
    position: relative;
    padding-bottom: 0.8rem;
}

    .list-item-search .listTitle {
        padding: 0px 1rem 0px 1rem;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

/*title*/
.ellipsis {
    max-height: 1.5rem;
}

.listSubTitle {
    color: #929292;
}

/*love-list*/
.icon-love {
    position: absolute;
    top: 10px;
    right: 10px;
    fill: #fff;
}

    .icon-love:hover {
        fill: #C82020 !important;
    }

.love {
    fill: #C82020 !important;
}

/*badgeposition*/
.badge {
    left: -23px;
    bottom: -10px;
}

.badge-discountPlus {
    bottom: -3px;
    top: auto;
    height: 6.5rem;
}

.badge-discountPlus-text {
    top: 40px;
}


.badge-discount {
    bottom: 45px;
    top: auto;
    min-width: 9rem;
}

.badge-discount-text {
    top: 25px;
}

.badge-discountPercent {
    height: 6.5rem;
    bottom: 64px;
}

/*best-item*/
.best-item {
    border: solid 1px #C82020;
    min-height: 300px;
}

.best-box {
    background-color: #C82020;
    background-size: cover;
    color: white;
    margin: -10px -10px 10px -10px;
    padding: 8px 1rem 8px 1.5rem;
    width: 105%;
}

    .best-box p {
        font-size: 1rem;
        /*padding: 4px 8px 4px 8px;*/
        vertical-align: middle;
    }

.detail-result {
    position: relative;
}

    .detail-result ul {
        color: #4D4D4D;
        list-style-type: none;
    }

    .detail-result .left {
        margin-top: 1rem;
    }

.deal-description {
    color: #C82127;
}

    .deal-description .deal-ontop {
        background-color: #C72127;
        color: white;
        padding: 3px 10px 3px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-left: 22px
    }

.pricebox {
    position: relative;
    min-height: 100%;
}

.startprice {
    top: 10px;
}

.listprice {
    color: #C82021;
    top: 60px;
}

.discountprice {
    top: 30px;
    bottom: auto;
    color: #28871C;
    text-decoration: none;
    background-color: #D8EED5;
    padding: 5px 35px 5px 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.shopNow {
    min-width: 180px;
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.registerAd {
    background-image: url('/images/Alldeal/all-deals_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 65px;
    margin-bottom: .5rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

    .registerAd div {
        vertical-align: middle;
        display: inline-block;
    }

    .registerAd .regisText {
        margin-left: -20px;
    }

.grid-item:hover {
    transform: translateY(-0.05rem) scale(1.0000);
    box-shadow: 0 0.5em 3rem -1rem rgba(0,0,0,0.8);
}


@media(max-width:600px) {
    #mapBox {
        width: 100%;
    }

    .btn-insearch {
        left: 10%;
    }

    .nav .nav-item {
        min-width: 100px;
        /*max-width: 100%;*/
    }

    .nav-tabs li h3 {
        font-size: 1rem;
    }

    .nav-link {
        padding: .5rem .5rem;
    }

    .tab-menu ul li {
        padding: .5rem .5rem;
    }

    .tab-menu ul li.selected {
        border-bottom: 2px solid #C82020;
    }

    .list-item-search .listTitle, .listTitle .listSubTitle p {
        margin-bottom: 0px !important;
        -webkit-line-clamp: 1;
        max-height: 1.3rem;
    }

    .listTitle h4 {
        font-size: 1rem;
    }

    .deal-description .deal-ontop {
        margin-left: 15px;
    }

    .best-box {
        width: 110%;
    }

    .list-search .img-search .img-result {
        margin: 0.5rem 0.5rem;
    }

    .badge-discount {
        bottom: 260px;
    }

    .detail-result {
        min-height: 7rem;
    }

    .shopNow {
        min-width: 8rem;
        bottom: -10px;
    }

    .discountprice {
        padding: 5px 10px 5px 10px;
    }

    .badge-discountPlus {
        bottom: 190px;
    }

    .deal-listPrice {
        font-size: 1.2rem;
        right: -1px;
    }

    .badge-discount-more {
        bottom: 240px;
    }

    .pricebox {
        margin-top: -10px;
    }

    .registerAd {
        font-size: 0.8rem;
    }

        .registerAd img {
            min-width: 35px;
            max-width: 35px;
        }
}