* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    /* -webkit-touch-callout: none; */
    /* -webkit-user-select: none; */
    /* -moz-user-select: none; */
    /* -ms-user-select: none; */
    /* user-select: none; */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, /*strong,*/
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Helvetica,Arial,sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover {
    text-decoration: none;
}

select:focus, textarea:focus, input:focus {
    outline: none;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);*/
}

::-webkit-scrollbar-track-piece {
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-corner {
}

::-webkit-resizer {
}

html, body, form, .wrapper {
    height: 100%;
    margin: 0px;
}

.clear {
    width: 100%;
    clear: both;
}

.wrapper {
}

    .wrapper .blk .cart-regions {
    }

        .wrapper .blk .cart-regions .regions {
            display: inline-block;
            vertical-align: top;
        }

        .wrapper .blk .cart-regions .icon-search {
            display: inline-block;
            vertical-align: top;
        }

        .wrapper .blk .cart-regions .cart {
            display: inline-block;
            vertical-align: top;
        }
    /* HEADER */
    .wrapper .hd {
        background-color: #52b070;
    }

        .wrapper .hd .blk {
            width: 1160px;
            margin: 0 auto;
        }

            .wrapper .hd .blk .navbar-mobile {
                display: none;
            }



            .wrapper .hd .blk .logo {
                display: inline-block;
                vertical-align: middle;
                width: 150px;
                height: 80px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .wrapper .hd .blk .search {
                display: inline-block;
                vertical-align: middle;
                width: calc(100% - 150px);
                padding: 0px 10px;
                display: none;
                position: absolute;
                top: 22px;
            }

                .wrapper .hd .blk .search .blk {
                    background-color: #fff;
                    border: 3px solid #fff;
                    width: 100%;
                    display: block;
                    position: relative;
                    -webkit-border-radius: 4px 4px 4px 4px;
                    -moz-border-radius: 4px 4px 4px 4px;
                    border-radius: 25px;
                    border-radius: 0\9;
                }

                    .wrapper .hd .blk .search .blk .cates {
                        display: inline-block;
                        vertical-align: middle;
                        width: 100px;
                        border-right: 1px solid #cdcdcd;
                        display: none;
                    }

                        .wrapper .hd .blk .search .blk .cates .ddl {
                            width: 100%;
                            font-size: 14px;
                            border-radius: 5px 0px 0px 5px;
                            padding: 8px 5px;
                            border: none;
                            background-color: #F1F1F1;
                        }

                            .wrapper .hd .blk .search .blk .cates .ddl option {
                                display: inline-block;
                            }

                    .wrapper .hd .blk .search .blk .value {
                        display: inline-block;
                        vertical-align: middle;
                        width: calc(100% - 85px);
                    }

                        .wrapper .hd .blk .search .blk .value .tbx {
                            width: 100%;
                            display: inline-block;
                            vertical-align: middle;
                            font-size: 14px;
                            padding: 9px 5px 9px 10px;
                            border: none;
                            background-color: initial;
                            border-right: thin solid #ccc;
                        }

                    .wrapper .hd .blk .search .blk .button {
                        display: inline-block;
                        vertical-align: middle;
                        width: 75px;
                        position: relative;
                        background-color: initial;
                    }

                        .wrapper .hd .blk .search .blk .button .btn {
                            background-color: initial;
                            text-align: center;
                            display: block;
                            /* background: #f57224 url('img/search.png') no-repeat center center; */
                            border-radius: 0px;
                            /* padding: 0px 20px; */
                            margin: 0;
                            overflow: hidden;
                            border: none;
                            background-size: 18px;
                            line-height: 34px;
                            width: 100%;
                            z-index: 9999 !important;
                            border-radius: 25px;
                        }

                            .wrapper .hd .blk .search .blk .button .btn .mdi {
                                font-size: 22px;
                                color: #FFF;
                            }

            .wrapper .hd .blk .regions {
                display: inline-block;
                vertical-align: middle;
                width: 89px;
                margin: 0px 0px;
            }

                .wrapper .hd .blk .regions .ddl {
                    font-size: 14px;
                    background: none;
                    border: none;
                    width: 100%;
                    color: #FFF;
                }

                    .wrapper .hd .blk .regions .ddl option {
                        color: #333;
                    }

            .wrapper .hd .blk .cart {
                display: inline-block;
                vertical-align: middle;
                width: 27px;
                text-align: center;
            }

                .wrapper .hd .blk .cart .lnk {
                    display: inline-block;
                    vertical-align: middle;
                    width: 100%;
                    height: 100%;
                }

                    .wrapper .hd .blk .cart .lnk .mdi {
                        font-size: 22px;
                        color: #FFF;
                        vertical-align: middle;
                    }

            .wrapper .hd .blk .menu {
                margin: 0px;
                padding-bottom: 0px;
                display: inline-block;
                vertical-align: middle;
                width: 850px;
            }

                .wrapper .hd .blk .menu .blk {
                    width: 100%;
                }

                    .wrapper .hd .blk .menu .blk .ul {
                        text-align: left;
                        margin: 0px 0px 0px 30px;
                    }

                        .wrapper .hd .blk .menu .blk .ul .item {
                            display: inline-block;
                            vertical-align: middle;
                            margin: 0px 10px;
                        }

                            .wrapper .hd .blk .menu .blk .ul .item .lnk {
                                display: block;
                                font-size: 14px;
                                padding: 12px 0px;
                                color: #fff;
                            }

                                .wrapper .hd .blk .menu .blk .ul .item .lnk:hover {
                                    border-bottom: 4px solid #fff;
                                    padding-bottom: 8px;
                                    transition: 0.5s;
                                    color: #fff;
                                }

    /* BODY */
    .wrapper .bd {
    }

        .wrapper .bd .blk {
            background-color: #f2f2f2;
        }



            .wrapper .bd .blk .slideshow-container {
                margin: 0px auto;
            }

                .wrapper .bd .blk .slideshow-container .slide {
                    position: relative;
                    overflow: hidden;
                    margin: 1px auto 0 auto;
                    border-radius: 4px;
                }

                    .wrapper .bd .blk .slideshow-container .slide .btn {
                        position: absolute;
                        z-index: 1;
                        display: block;
                        padding: 18px 70px;
                        height: 100%;
                        text-decoration: none;
                        font-weight: 600;
                        font-size: 18px;
                        opacity: 0.8;
                        cursor: pointer;
                        vertical-align: middle;
                        text-align: center;
                    }

                        .wrapper .bd .blk .slideshow-container .slide .btn .mdi {
                            font-size: 50px;
                            top: 50%;
                            left: 50%;
                            position: absolute;
                            transform: translate(-50%, -50%);
                            color: #FFF;
                            z-index: 0;
                            background-color: #52b070;
                            border-radius: 5px;
                            text-align: center;
                        }

                        .wrapper .bd .blk .slideshow-container .slide .btn.next {
                            right: 0;
                            border-radius: 2px 0 0 2px;
                        }

                        .wrapper .bd .blk .slideshow-container .slide .btn.prev {
                            border-radius: 0 2px 2px 0;
                        }

                        .wrapper .bd .blk .slideshow-container .slide .btn:hover {
                            opacity: 1;
                            -webkit-transition: all 0.2s ease;
                        }


                    .wrapper .bd .blk .slideshow-container .slide .list {
                        position: relative;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                        .wrapper .bd .blk .slideshow-container .slide .list .item {
                            position: relative;
                            display: block;
                            float: left;
                            margin: 0;
                            padding: 0;
                            width: 500px;
                            height: 300px;
                            background: #ccc;
                            text-align: center;
                            line-height: 300px;
                        }

                            .wrapper .bd .blk .slideshow-container .slide .list .item .img {
                                display: block;
                                width: 100%;
                                height: 100%;
                                position: relative;
                            }

                                .wrapper .bd .blk .slideshow-container .slide .list .item .img img {
                                    width: 100%;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                }


            /* PRODUCT */
            .wrapper .bd .blk .product-container {
                display: block;
                width: 100%;
                margin: 0px 0px;
            }

                .wrapper .bd .blk .product-container .tlt {
                    text-align: center;
                    margin-bottom: 0px;
                    background-color: #fff;
                    padding-top: 20px;
                }

                    .wrapper .bd .blk .product-container .tlt .lnk {
                        display: inline-block;
                        text-align: left;
                        font-size: 19px;
                        padding: 10px 50px;
                        color: #333;
                        border-bottom: thin solid #52b070;
                        text-decoration: none;
                    }

                        .wrapper .bd .blk .product-container .tlt .lnk .txt {
                            font-weight: bold;
                        }

                .wrapper .bd .blk .product-container .prod-list {
                    flex-direction: row;
                    justify-content: center;
                    text-align: center;
                    background-color: #fff;
                    padding: 10px 0px 0px 0px;
                }

                    .wrapper .bd .blk .product-container .prod-list .prod {
                        display: inline-block;
                        vertical-align: top;
                        width: 20%;
                        border: 1px solid #eee;
                        margin: 10px 10px;
                    }

                        .wrapper .bd .blk .product-container .prod-list .prod:nth-child(1) {
                            border-left: 1px solid #eee;
                        }

                        .wrapper .bd .blk .product-container .prod-list .prod .item {
                            display: block;
                            width: 100%;
                        }

                            .wrapper .bd .blk .product-container .prod-list .prod .item .img {
                                width: 100%;
                                height: 250px;
                                position: relative;
                                overflow: hidden;
                            }

                                .wrapper .bd .blk .product-container .prod-list .prod .item .img img {
                                    max-width: 100%;
                                    max-height: 100%;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    padding: 10px;
                                    transition: all ease 300ms;
                                }

                            .wrapper .bd .blk .product-container .prod-list .prod .item .name {
                                line-height: 1.3em;
                                font-size: 16px;
                                padding: 5px 15px 0px 15px;
                                color: #333;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                font-weight: bold;
                                text-align: center;
                            }

                            .wrapper .bd .blk .product-container .prod-list .prod .item .code {
                                text-align: center;
                                line-height: 1.3em;
                                font-size: 14px;
                                padding: 0 15px;
                                color: #333;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                text-overflow: ellipsis;
                                overflow: hidden;
                                display: block;
                                margin: 5px 0px 0px 0px;
                            }

                            .wrapper .bd .blk .product-container .prod-list .prod .item .price {
                                display: block;
                                overflow: hidden;
                                padding: 10px 10px 15px 10px;
                                text-align: center;
                            }

                                .wrapper .bd .blk .product-container .prod-list .prod .item .price .new {
                                    display: inline-block;
                                    vertical-align: middle;
                                    overflow: hidden;
                                    font-size: 17px;
                                    color: #52b070;
                                    line-height: 16px;
                                    font-weight: bold;
                                }

                                    .wrapper .bd .blk .product-container .prod-list .prod .item .price .new .unit {
                                        font-size: 14px;
                                        margin: 0px 0px 0px 2px;
                                    }

                                .wrapper .bd .blk .product-container .prod-list .prod .item .price .old {
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-size: 14px;
                                    text-decoration: line-through;
                                    color: #879596;
                                    margin: 0px 0px 0px 5px;
                                }



                        .wrapper .bd .blk .product-container .prod-list .prod:hover {
                            transition: 0.5s;
                            box-shadow: 1px 1px 50px -5px rgba(0,0,0,0.35);
                        }


            /* NEWS */
            .wrapper .bd .blk .product-detail-container {
                width: 1060px;
                margin: 0 auto;
                padding: 0px 0px 25px 0px;
            }

                .wrapper .bd .blk .product-detail-container .road-link {
                    margin: 0px 0px;
                    padding: 15px 0px 0px 0px;
                }

                    .wrapper .bd .blk .product-detail-container .road-link .ul {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                        .wrapper .bd .blk .product-detail-container .road-link .ul .item {
                            display: inline-block;
                            vertical-align: middle;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            line-height: 20px;
                        }

                            .wrapper .bd .blk .product-detail-container .road-link .ul .item .lnk {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 14px;
                                color: #0072C6;
                            }

                            .wrapper .bd .blk .product-detail-container .road-link .ul .item .mdi {
                                vertical-align: middle;
                                font-size: 12px;
                                margin: 0px 5px;
                            }

                .wrapper .bd .blk .product-detail-container .tlt {
                    color: #333;
                    display: block;
                    font-size: 24px;
                    line-height: 33px;
                    font-weight: bold;
                    text-shadow: none;
                    margin: 15px 0px 0px 0px;
                    background-color: #fff;
                    padding: 20px;
                }



                .wrapper .bd .blk .product-detail-container .prod-info {
                    border-bottom: thin solid #eee;
                    overflow: hidden;
                    margin-bottom: 15px;
                    background-color: #fff;
                    padding: 30px;
                    border: 1px solid #e4e4e4;
                }

                    .wrapper .bd .blk .product-detail-container .prod-info .images {
                        width: 480px;
                        height: 400px;
                        display: inline-block;
                        vertical-align: top;
                        margin-right: 20px;
                    }

                        .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show {
                            width: 100%;
                            height: 100%;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb {
                                height: 100%;
                                vertical-align: top;
                                display: inline-block;
                                border-right: 1px solid #ccc;
                                padding-right: 5px;
                                margin: -5px 0px;
                                overflow-y: auto;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb .item {
                                    display: block;
                                    width: 60px;
                                    height: 60px;
                                    border: thin solid #eee;
                                    padding: 3px;
                                    margin: 5px 0px;
                                    cursor: pointer;
                                }

                                    .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb .item .img {
                                        width: 100%;
                                        height: 100%;
                                        position: relative;
                                        overflow: hidden;
                                    }

                                        .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb .item .img img {
                                            max-width: 100%;
                                            max-height: 100%;
                                            position: absolute;
                                            top: 50%;
                                            left: 50%;
                                            transform: translate(-50%,-50%);
                                        }

                                    .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb .item.active,
                                    .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb .item:hover {
                                        border-color: #666;
                                    }

                                .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .list-thumb::-webkit-scrollbar {
                                    width: 2px;
                                }

                            .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .image {
                                display: inline-block;
                                vertical-align: top;
                                width: calc(100% - 70px);
                                height: 100%;
                                float: right;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .image .img {
                                    width: 100%;
                                    height: 100%;
                                    position: relative;
                                }

                                    .wrapper .bd .blk .product-detail-container .prod-info .images .slide-show .image .img img {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        max-width: 100%;
                                        max-height: 100%;
                                    }

                    .wrapper .bd .blk .product-detail-container .prod-info .info {
                        display: inline-block;
                        vertical-align: top;
                        width: calc(100% - 510px);
                    }

                        .wrapper .bd .blk .product-detail-container .prod-info .info .price {
                            display: block;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .price .new {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 24px;
                                color: #52b070;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .info .price .new .unit {
                                    font-size: 16px;
                                    margin-left: 3px;
                                }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .price .old {
                                display: inline-block;
                                vertical-align: middle;
                                font-size: 16px;
                                text-decoration: line-through;
                                color: #879596;
                                margin-left: 6px;
                                margin-top: 6px;
                            }



                        .wrapper .bd .blk .product-detail-container .prod-info .info .param {
                            margin: 15px 0px 0px 0px;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .param .row {
                                display: block;
                                margin: 5px 0px 10px 0px;
                                border-bottom: thin solid #eee;
                                padding-bottom: 5px;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .info .param .row .lbl {
                                    width: 130px;
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-size: 14px;
                                }

                                .wrapper .bd .blk .product-detail-container .prod-info .info .param .row .val {
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-size: 14px;
                                }

                        .wrapper .bd .blk .product-detail-container .prod-info .info .regions {
                            display: block;
                            margin: 10px 0px 0px 0px;
                            position: relative;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .regions .tlt {
                                font-size: 14px;
                                line-height: 20px;
                                margin: 0px;
                                display: inline-block;
                                vertical-align: middle;
                                font-weight: normal;
                            }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .regions .region-seleted {
                                display: inline-block;
                                vertical-align: middle;
                                margin-left: 5px;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .info .regions .region-seleted .txt {
                                    font-size: 14px;
                                    font-weight: bold;
                                }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .regions .ul {
                                display: block;
                            }



                                .wrapper .bd .blk .product-detail-container .prod-info .info .regions .ul .item .txt {
                                    font-size: 14px;
                                }



                        .wrapper .bd .blk .product-detail-container .prod-info .info .cart {
                            max-width: initial;
                            margin: 20px 0px;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .cart .btn-order {
                                display: inline-block;
                                color: #FFF;
                                background-color: #f57224;
                                padding: 0px 40px;
                                line-height: 40px;
                                font-size: 18px;
                            }

                                .wrapper .bd .blk .product-detail-container .prod-info .info .cart .btn-order .mdi {
                                    margin-right: 3px;
                                }

                        .wrapper .bd .blk .product-detail-container .prod-info .info .desc {
                            margin-top: 10px;
                            line-height: 20px;
                            font-size: 14px;
                            text-align: justify;
                            color: #666;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .desc * {
                                list-style: initial;
                                padding: initial;
                                margin: initial;
                                box-sizing: initial;
                            }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .desc ul,
                            .wrapper .bd .blk .product-detail-container .prod-info .info .desc ol {
                                padding-left: 15px;
                            }

                        .wrapper .bd .blk .product-detail-container .prod-info .info .call {
                            margin-top: 10px;
                        }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .call .lbl {
                                font-size: 16px;
                            }

                            .wrapper .bd .blk .product-detail-container .prod-info .info .call .num {
                                font-size: 16px;
                                color: #ca000d;
                                font-weight: bold;
                            }

                        .wrapper .bd .blk .product-detail-container .prod-info .info .like-share {
                            margin-top: 10px;
                        }

                .wrapper .bd .blk .product-detail-container .prod-detail {
                    width: 740px;
                    float: left;
                    line-height: 22px;
                    background-color: #fff;
                    padding: 20px;
                    border: 1px solid #e4e4e4;
                    text-align: justify;
                    color: #666;
                }

                    .wrapper .bd .blk .product-detail-container .prod-detail img {
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 0px;
                    }

                .wrapper .bd .blk .product-detail-container .like-share {
                    float: left;
                    width: 100%;
                }

                .wrapper .bd .blk .product-detail-container .comment {
                    float: left;
                    width: 700px;
                }

                .wrapper .bd .blk .product-detail-container .extra {
                    float: right;
                    width: 305px;
                    overflow: hidden;
                    background-color: #fff;
                    padding: 20px;
                    border: 1px solid #e4e4e4;
                }



                    .wrapper .bd .blk .product-detail-container .extra .same .tlt {
                        width: 100%;
                        font-size: 15px;
                        padding: 0px 0px 5px 0px;
                        margin: 0px 0px 10px 0px;
                        border-bottom: 1px solid #eee;
                        display: block;
                        line-height: initial;
                    }



                    .wrapper .bd .blk .product-detail-container .extra .same .list-product .item {
                        display: block;
                        margin: 10px 0px;
                        overflow: hidden;
                        text-align: center;
                    }

                        .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .img {
                            width: 100%;
                            margin-right: 5px;
                        }

                            .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .img img {
                                max-width: 65%;
                            }

                        .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .name {
                            color: #333;
                            line-height: 1.3em;
                            font-weight: bold;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            font-size: 14px;
                        }


                        .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .price .new {
                            display: block;
                            overflow: hidden;
                            font-size: 14px;
                            color: #52b070;
                            padding: 5px 0;
                            font-weight: bold;
                        }

                            .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .price .new .unit {
                                font-size: 11px;
                                margin-left: 2px;
                            }

                        .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .price .old {
                            text-decoration: line-through;
                            font-size: 12px;
                            color: #666;
                            padding: 0px 0px;
                        }

                            .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .price .old .unit {
                            }

                        .wrapper .bd .blk .product-detail-container .extra .same .list-product .item .desc {
                            display: none;
                            overflow: hidden;
                            font-size: 13px;
                            color: #666;
                            line-height: 1.5;
                        }



            /* NEWS */
            .wrapper .bd .blk .news-container {
                width: 1020px;
                margin: 0px auto;
                /* position: relative; */
                overflow: hidden;
                padding: 20px 0px 20px 0px;
            }

                .wrapper .bd .blk .news-container .news {
                    display: inline-block;
                    overflow: hidden;
                    border-bottom: 1px solid #eee;
                    padding: 5px 10px 15px 10px;
                    position: relative;
                    background-color: #fff;
                    width: 700px;
                }

                    .wrapper .bd .blk .news-container .news .tlt {
                        font-size: 16px;
                        padding: 0px 10px 10px 10px;
                        margin: 10px 0px 10px 0px;
                        border-bottom: 1px solid #ccc;
                        width: 680px;
                        display: block;
                    }

                        .wrapper .bd .blk .news-container .news .tlt .txt {
                            font-weight: bold;
                        }

                    .wrapper .bd .blk .news-container .news .list-news {
                        width: 680px;
                    }

                        .wrapper .bd .blk .news-container .news .list-news .item {
                            display: block;
                            overflow: hidden;
                            position: relative;
                            padding: 10px 0px;
                        }

                            .wrapper .bd .blk .news-container .news .list-news .item .img {
                                float: left;
                                position: relative;
                                width: 250px;
                                height: 140px;
                                margin-right: 15px;
                                margin-bottom: 5px;
                                overflow: hidden;
                            }

                                .wrapper .bd .blk .news-container .news .list-news .item .img img {
                                    display: block;
                                    width: 100%;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                }

                            .wrapper .bd .blk .news-container .news .list-news .item .title {
                                font: 14px/18px Helvetica,Arial,Freesans,sans-serif;
                                display: block;
                                overflow: hidden;
                                line-height: 20px;
                                font-size: 16px;
                                font-weight: 600;
                                color: #666;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                                text-overflow: ellipsis;
                                overflow: hidden;
                            }

                            .wrapper .bd .blk .news-container .news .list-news .item .desc {
                                display: block;
                                overflow: hidden;
                                font-size: 14px;
                                color: #666;
                                line-height: 22px;
                                padding: 5px 0px 10px 0px;
                            }

                            .wrapper .bd .blk .news-container .news .list-news .item .timepost {
                                display: block;
                                overflow: hidden;
                                font-size: 14px;
                                color: #999;
                            }

                                .wrapper .bd .blk .news-container .news .list-news .item .timepost span {
                                    line-height: 22px;
                                }



                                .wrapper .bd .blk .news-container .news .list-news .item .timepost .namecate:before {
                                    content: '-';
                                    display: inline-block;
                                    color: #999;
                                    padding: 0 10px;
                                }

                            .wrapper .bd .blk .news-container .news .list-news .item:hover {
                                text-decoration: none;
                            }

                /* NEWS-DETAIL */
                .wrapper .bd .blk .news-container .news-detail {
                    width: 700px;
                    display: inline-block;
                    overflow: hidden;
                    border-bottom: 1px solid #eee;
                    /* padding: 15px 0; */
                    position: relative;
                    background-color: #fff;
                    padding: 0px 10px 10px 10px;
                    text-align: justify;
                }

                    .wrapper .bd .blk .news-container .news-detail .road-link {
                        border-bottom: thin solid #ccc;
                        margin: 10px 0px;
                        padding: 5px 0px;
                    }

                        .wrapper .bd .blk .news-container .news-detail .road-link .ul {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                            .wrapper .bd .blk .news-container .news-detail .road-link .ul .item {
                                display: inline-block;
                                vertical-align: middle;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                line-height: 20px;
                            }

                                .wrapper .bd .blk .news-container .news-detail .road-link .ul .item .lnk {
                                    display: inline-block;
                                    vertical-align: middle;
                                    font-size: 14px;
                                    color: #337ab7;
                                }

                                .wrapper .bd .blk .news-container .news-detail .road-link .ul .item .mdi {
                                    vertical-align: middle;
                                    font-size: 12px;
                                    margin: 0px 5px;
                                }

                    .wrapper .bd .blk .news-container .news-detail .timepost {
                        display: inline-block;
                        vertical-align: middle;
                        font-size: 12px;
                        color: #ccc;
                        line-height: 20px;
                        float: left;
                        width: calc(100% - 115px);
                    }

                    .wrapper .bd .blk .news-container .news-detail .like-share {
                        display: inline-block;
                        vertical-align: middle;
                    }

                    .wrapper .bd .blk .news-container .news-detail .title {
                        display: block;
                        float: left;
                        width: 100%;
                        color: #666;
                        font-size: 24px;
                        line-height: 33px;
                        font-weight: bold;
                        text-shadow: none;
                        margin: 10px 0px 5px 0px;
                    }

                    .wrapper .bd .blk .news-container .news-detail .desc {
                        color: #666;
                        line-height: 22px;
                        font-size: 14px;
                        font-weight: initial !important;
                        margin: 10px 0px 10px 0px;
                        text-align: justify;
                    }

                    .wrapper .bd .blk .news-container .news-detail .content {
                        line-height: 22px;
                    }

                        .wrapper .bd .blk .news-container .news-detail .content img {
                            max-width: 100% !important;
                            height: auto !important;
                        }

                    .wrapper .bd .blk .news-container .news-detail .comment {
                    }

            .wrapper .bd .blk .content-container {
                width: 1000px;
                margin: 0 auto;
                background-color: #fff;
                padding: 0px 0px 0px 10px;
            }

                .wrapper .bd .blk .content-container .tlt {
                    color: #666;
                    display: block;
                    font-size: 24px;
                    line-height: 33px;
                    font-weight: bold;
                    text-shadow: none;
                    margin: 0px 0px 5px 0px;
                    width: 700px;
                    padding: 20px 0px 0px 0px;
                }

                    .wrapper .bd .blk .content-container .tlt .txt {
                    }

                .wrapper .bd .blk .content-container .content {
                    margin: 0px 0px;
                    line-height: 24px;
                    color: #666;
                    width: 700px;
                }

                    .wrapper .bd .blk .content-container .content * {
                    }

                    .wrapper .bd .blk .content-container .content img {
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 10px 0px;
                        float: initial !important;
                    }

            .wrapper .bd .blk .news-container .extra {
                width: 300px;
                display: inline-block;
                vertical-align: top;
                margin: 0px 15px 20px 0px;
                background-color: #fff;
                padding: 7px 10px 10px 10px;
            }



                .wrapper .bd .blk .news-container .extra .newest .tlt {
                    width: 100%;
                    font-size: 15px;
                    padding: 0px 0px 5px 0px;
                    margin: 20px 0px 10px 0px;
                    border-bottom: 1px solid #eee;
                    display: block;
                }

                    .wrapper .bd .blk .news-container .extra .newest .tlt .txt {
                        font-weight: bold;
                        color: #666;
                    }

                .wrapper .bd .blk .news-container .extra .newest .list-news {
                }

                    .wrapper .bd .blk .news-container .extra .newest .list-news .item {
                        display: block;
                        overflow: hidden;
                        border-bottom: 1px solid #eee;
                        padding: 15px 0;
                        position: relative;
                    }

                        .wrapper .bd .blk .news-container .extra .newest .list-news .item .img {
                            width: 100%;
                            height: 150px;
                            position: relative;
                            overflow: hidden;
                        }

                            .wrapper .bd .blk .news-container .extra .newest .list-news .item .img img {
                                display: block;
                                max-width: 100%;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                            }

                        .wrapper .bd .blk .news-container .extra .newest .list-news .item .title {
                            font-size: 14px;
                            color: #666;
                            margin: 10px 0px;
                            line-height: 18px;
                            font-weight: bold;
                        }

                        .wrapper .bd .blk .news-container .extra .newest .list-news .item .desc {
                            font-size: 14px;
                            color: #999;
                            line-height: 18px;
                            font-style: italic;
                        }

                .wrapper .bd .blk .news-container .extra .fanpage {
                    margin-top: 55px;
                }

            .wrapper .bd .blk .search-container {
                width: 1000px;
                margin: 0px auto;
                background-color: #fff;
                padding: 15px;
            }

                .wrapper .bd .blk .search-container .tlt {
                    padding: 15px 0px;
                }

                    .wrapper .bd .blk .search-container .tlt .found {
                        border-bottom: thin solid #EEE;
                        padding-bottom: 10px;
                    }

                    .wrapper .bd .blk .search-container .tlt .not-found {
                    }

                .wrapper .bd .blk .search-container .list-result {
                    width: 700px;
                }

                    .wrapper .bd .blk .search-container .list-result .item {
                        display: block;
                        width: 100%;
                        padding: 15px 0px;
                        border-bottom: 1px solid #EEE;
                        overflow: hidden;
                    }

                        .wrapper .bd .blk .search-container .list-result .item .img {
                            display: inline-block;
                            vertical-align: top;
                            width: 150px;
                            height: 120px;
                            overflow: hidden;
                            position: relative;
                            float: left;
                            margin-right: 10px;
                        }

                            .wrapper .bd .blk .search-container .list-result .item .img img {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                width: 100%;
                                max-width: 100%;
                            }

                        .wrapper .bd .blk .search-container .list-result .item .tlt {
                            display: block;
                            overflow: hidden;
                            padding: 0px;
                            margin: 0px;
                        }

                            .wrapper .bd .blk .search-container .list-result .item .tlt .txt {
                                font-size: 18px;
                                line-height: 24px;
                                color: #666;
                            }

                                .wrapper .bd .blk .search-container .list-result .item .tlt .txt:hover {
                                    color: #0072C6;
                                }

                        .wrapper .bd .blk .search-container .list-result .item .code {
                            display: block;
                            overflow: hidden;
                            font-size: 12px;
                            line-height: 20px;
                        }

                        .wrapper .bd .blk .search-container .list-result .item .price {
                            display: block;
                            overflow: hidden;
                        }

                            .wrapper .bd .blk .search-container .list-result .item .price .new {
                                font-size: 16px;
                                color: #52b070;
                                line-height: 22px;
                                font-weight: bold;
                            }

                                .wrapper .bd .blk .search-container .list-result .item .price .new .unit {
                                    font-size: 12px;
                                    margin-left: 3px;
                                }

                            .wrapper .bd .blk .search-container .list-result .item .price .old {
                                text-decoration: line-through;
                                font-size: 14px;
                                color: #666;
                            }

                                .wrapper .bd .blk .search-container .list-result .item .price .old .unit {
                                    font-size: 12px;
                                }

                        .wrapper .bd .blk .search-container .list-result .item .desc {
                            display: block;
                            overflow: hidden;
                            font-size: 14px;
                            line-height: 20px;
                            margin-top: 8px;
                        }

                            .wrapper .bd .blk .search-container .list-result .item .desc * {
                                list-style: initial;
                                padding: initial;
                                margin: initial;
                                box-sizing: initial;
                                color: #666 !important;
                            }

                            .wrapper .bd .blk .search-container .list-result .item .desc ul,
                            .wrapper .bd .blk .search-container .list-result .item .desc ol {
                                padding-left: 15px;
                            }

                        .wrapper .bd .blk .search-container .list-result .item:last-child {
                            border: none;
                        }

            /* PAGING */
            .wrapper .bd .blk .paging {
                display: block;
                width: 100%;
                margin: 0 auto;
                text-align: center !important;
                padding: 20px 0px;
                background-color: #fff;
            }

                .wrapper .bd .blk .paging a {
                    margin: 0px 5px;
                }

                .wrapper .bd .blk .paging .pageprv {
                    height: 20px;
                    width: 20px;
                    padding: 3px 4px;
                    margin: 0px 3px 0px 3px;
                    color: #000;
                    border-radius: 2px;
                    cursor: pointer;
                    border: thin solid #ccc;
                }

                    .wrapper .bd .blk .paging .pageprv .mdi {
                        font-size: 14px;
                    }

                .wrapper .bd .blk .paging .pagenxt {
                    height: 20px;
                    width: 20px;
                    padding: 3px 4px;
                    margin: 0px 3px 0px 3px;
                    color: #000;
                    border-radius: 2px;
                    cursor: pointer;
                    border: thin solid #ccc;
                }

                    .wrapper .bd .blk .paging .pagenxt .mdi {
                        font-size: 14px;
                    }

                .wrapper .bd .blk .paging .page {
                    height: 20px;
                    width: 20px;
                    padding: 3px 7px;
                    margin: 0px 3px 0px 3px;
                    color: #000;
                    border-radius: 2px;
                    cursor: pointer;
                    border: thin solid #ccc;
                    font-size: 14px;
                }

                .wrapper .bd .blk .paging .pagecrnt {
                    margin: 0px 5px;
                    height: 20px;
                    width: 20px;
                    padding: 3px 7px;
                    margin: 0px 3px 0px 3px;
                    background-color: #52b070;
                    color: #fff;
                    border-radius: 2px;
                    cursor: pointer;
                    font-size: 14px;
                }

    /* FOOTER */
    .wrapper .ft {
        background-color: #52b070;
    }

        .wrapper .ft .blk {
            padding: 20px;
            line-height: 30px;
            color: #fff;
        }

    .wrapper .blk .info-container {
    }

    .wrapper .blk .info-container {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0px;
        background-color: #f1f1f1;
    }

        .wrapper .blk .info-container .list-new-home {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

        .wrapper .blk .info-container .text-info {
            display: inline-block;
            width: 48%;
            vertical-align: top;
            padding: 10px;
            background-color: #fff;
            min-height: 330px;
            max-height: 500px;
            border: 1px solid #e4e4e4;
        }

        .wrapper .blk .info-container .list-new-home .item-new-home {
            width: 49%;
            padding: 0px 0px 10px 0px;
            display: inline-block;
            vertical-align: top;
        }

            .wrapper .blk .info-container .list-new-home .item-new-home .img-new-home {
                width: 150px;
                height: 110px;
                display: inline-block;
                vertical-align: top;
            }

                .wrapper .blk .info-container .list-new-home .item-new-home .img-new-home a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    overflow: hidden;
                }

                    .wrapper .blk .info-container .list-new-home .item-new-home .img-new-home a img {
                        display: block;
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

            .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home {
                width: 180px;
                display: inline-block;
                vertical-align: top;
                margin: 0px 0px 0px 10px;
            }

                .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home .title-new-home {
                    max-width: 100%;
                    margin: 0px 0px 0px 0px;
                    text-align: left;
                    text-overflow: ellipsis;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    line-height: 18px;
                    padding: 3px 0px;
                    -webkit-line-clamp: 5;
                    font-size: 16px;
                }

                    .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home .title-new-home a {
                        font-size: 14px;
                        color: #666;
                    }

                .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home .desc-new-home {
                }

                    .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home .desc-new-home p {
                        display: none;
                    }

        .wrapper .blk .info-container .text-info .head-content {
            margin: 0px 0px 10px 0px;
        }

            .wrapper .blk .info-container .text-info .head-content p {
                font-weight: bold;
                font-size: 24px;
                color: #666;
            }

        .wrapper .blk .info-container .text-info .body_content {
            position: relative;
            font-size: 15px;
            color: #666;
        }

            .wrapper .blk .info-container .text-info .body_content p {
                color: #666;
                line-height: 28px;
                display: initial;
            }

        .wrapper .blk .info-container .new-first-home .img-new-home {
            max-width: 100%;
            margin: 0 auto;
            width: 100%;
            height: 255px;
        }

            .wrapper .blk .info-container .new-first-home .img-new-home a {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
            }

                .wrapper .blk .info-container .new-first-home .img-new-home a img {
                    display: block;
                    width: 100%;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

        .wrapper .blk .info-container .new-first-home .info-new-home {
            margin: 15px 0px 0px 0px;
        }

            .wrapper .blk .info-container .new-first-home .info-new-home .title-new-home {
            }

                .wrapper .blk .info-container .new-first-home .info-new-home .title-new-home a {
                    font-size: 16px;
                    font-weight: bold;
                    color: #666;
                    transition: 0.5s;
                }

            .wrapper .blk .info-container .new-first-home .info-new-home .desc-new-home {
                margin: 10px 0px 0px 0px;
                max-width: 100%;
                height: 74px;
                margin: 5px 0px 0px 0px;
                text-align: justify;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                display: -webkit-box;
                line-height: 18px;
                padding: 0px;
                -webkit-line-clamp: 3;
            }

                .wrapper .blk .info-container .new-first-home .info-new-home .desc-new-home p {
                    color: #999;
                    font-size: 14px;
                }

        .wrapper .blk .info-container .all-new .new-first-home {
            width: 37%;
            vertical-align: top;
            display: inline-block;
            padding: 0px 10px 0px 10px;
        }

        .wrapper .blk .info-container .all-new .list-new-home {
            width: 63%;
            padding: 0px 0px 0px 15px;
        }

        .wrapper .blk .info-container .all-new {
            display: inline-block;
            vertical-align: top;
            width: 1200px;
            background-color: #fff;
            padding: 20px 10px;
            margin: 0 auto;
        }

        .wrapper .blk .info-container .list-new-home .item-new-home .info-new-home .title-new-home a:hover {
            color: #52b070;
            transition: 0.5s;
        }

        .wrapper .blk .info-container .new-first-home .info-new-home .title-new-home a:hover {
            transition: 0.5s;
            color: #52b070;
        }


    .wrapper .bd .blk .product-container .prod-list .prod .item .name:hover {
        color: #333;
    }

    .wrapper .blk .info-container .list-new-home .item-new-home .img-new-home a img:hover {
        margin: 0px 0px 20px 0px !important;
    }

    .wrapper .blk .info-container .section {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        background-color: #fff;
    }


.icon-top {
    margin: 8px 0px 0px 0px;
    color: #fff;
}

.wrapper .blk .car-regions {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    text-align: right;
}

    .wrapper .blk .car-regions .icon-search {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 25px;
        height: 25px;
    }

    .wrapper .blk .car-regions .click_search {
        position: absolute;
        cursor: pointer;
    }

        .wrapper .blk .car-regions .click_search:hover .mdi-magnify::before {
            transition: 0.5s;
            color: #ccc;
        }

        .wrapper .blk .car-regions .click_search .mdi-magnify::before {
            font-size: 24px;
            color: #fff;
        }

    .wrapper .blk .car-regions .out_search {
        position: absolute;
        top: 0;
        display: none;
        cursor: pointer;
    }

        .wrapper .blk .car-regions .out_search .mdi-window-close::before {
            color: #fff;
            font-size: 24px;
        }

.wrapper .hide-nav .blk2 {
    position: relative;
    height: 80px;
}

    .wrapper .hide-nav .blk2 .logo {
        display: none;
    }

    .wrapper .hide-nav .blk2 .menu {
        display: none;
    }

    .wrapper .hide-nav .blk2 .car-regions {
        position: absolute;
        right: 0;
        top: 26px;
    }

        .wrapper .hide-nav .blk2 .car-regions .cart {
            opacity: 0;
        }

        .wrapper .hide-nav .blk2 .car-regions .regions {
            opacity: 0;
        }

.wrapper .hd .blk .search .blk .button span {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    color: #000;
    font-size: 16px;
    display: initial;
    z-index: 0;
}

.wrapper .bd .blk .slideshow-container .slide .btn .mdi:hover {
    background-color: #ccc;
    transition: 0.5s;
}

.wrapper .bd .blk .news-container .news-detail .content {
    font-size: 14px;
    color: #666;
    text-align: left;
}

.wrapper .ft .blk p a {
    color: #fff;
}

.wrapper .bd .blk .product-detail-container .prod-detail p {
    font-size: 14px;
    width: initial;
}

.cart .wrap-cart .blk {
    background-color: #fff;
}

.wrapper .bd .blk .news-container .news-detail .content p a {
    width: initial;
    display: inline-block;
    vertical-align: top;
}

.wrapper .blk .info-container .all-new .row-headnew {
    text-align: center;
    margin: 10px 0px 20px 0px;
}

    .wrapper .blk .info-container .all-new .row-headnew a {
        display: inline-block;
        text-align: left;
        font-size: 20px;
        padding: 10px 50px;
        color: #333;
        border-bottom: thin solid #52b070;
        text-decoration: none;
        font-weight: bold;
    }

        .wrapper .blk .info-container .all-new .row-headnew a:hover {
            transition: 0.5s;
            color: #52b070;
        }

.wrapper .bd .blk .product-container .tlt .lnk:hover {
    transition: 0.5s;
    color: #52b070;
}

.wrapper .bd .blk .news-container .news .list-news .item .title:hover {
    transition: 0.5s;
    color: #52b070;
}

.wrapper .bd .blk .news-container .news .list-news .item .info-news {
}

.wrapper .bd .container {
}

    .wrapper .bd .container #ctl10_ctl00_ctl00_pn_Cart {
        background-color: #f2f2f2;
        padding: 0px 0px 10px 0px;
    }

.cart .bar-top .buymore:after {
    margin-left: 2px;
    border-width: 9px;
    border-right-color: #f2f2f2 !important;
    top: 25px;
}

.wrapper .hd .blk .search .blk .button .btn {
    position: absolute;
    top: -18px;
    cursor: pointer;
}


.wrapper .bd .blk .product-detail-container .prod-detail p span {
    width: initial;
    background-color: transparent;
}

#toTop {
    padding: 10px;
    background: #f1f1f1;
    color: #fff;
    position: fixed;
    bottom: 345px;
    right: 25px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 14px 0px #333;
}

    #toTop .mdi-arrow-up-bold::before {
        font-size: 24px;
        color: #333;
    }

.wrapper .bd .blk .news-container .extra .newest .list-news .item .title:hover {
    color: #52b070;
    transition: 0.5s;
}

.wrapper .bd .blk .news-container .news-detail .content blockquote {
    font-style: italic;
}

    .wrapper .bd .blk .news-container .news-detail .content blockquote em {
        display: inline-block;
        vertical-align: middle;
        font-style: italic;
        margin: 0px 2px;
    }

        .wrapper .bd .blk .news-container .news-detail .content blockquote em img {
            margin: 0px;
        }

    .wrapper .bd .blk .news-container .news-detail .content blockquote strong {
    }

    .wrapper .bd .blk .news-container .news-detail .content blockquote span {
        display: inline-block;
        vertical-align: middle;
        font-style: italic;
    }

.wrapper .bd .blk .news-container .news-detail .content p span {
    vertical-align: middle;
    display: initial;
}

.wrapper .bd .blk .news-container .news-detail .content blockquote strong img {
    margin: 0px;
}

.wrapper .bd .blk .news-container .news-detail .content blockquote span img {
    margin: 0px;
}

.wrapper .bd .blk .news-container .extra .iaad {
    background-color: #fadb35;
}

    .wrapper .bd .blk .news-container .extra .iaad .iaad-info {
        margin: 20px 0px 0px 0px;
    }

        .wrapper .bd .blk .news-container .extra .iaad .iaad-info .head-content {
            background-color: #e50404;
            text-align: center;
            padding: 10px 0px;
            color: #fff;
            font-weight: bold;
        }



.wrapper .bd .blk .product-detail-container .prod-detail .ql-align-center {
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-align-center {
    text-align: center;
}

.wrapper .bd .blk .content-container .content .ql-align-center {
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-align-justify {
    text-align: justify;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-align-right {
    text-align: right;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-align-left {
    text-align: left;
}

.wrapper .bd .blk .content-container .content .ql-align-justify {
    text-align: justify;
}

.wrapper .bd .blk .content-container .content .ql-align-right {
    text-align: right;
}

.wrapper .bd .blk .content-container .content .ql-align-left {
    text-align: left;
}

.hisella-messages {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 999999;
}

.hisella-messages-outer {
    position: relative;
}

#hisella-minimize {
    font-size: 14px;
    color: #fff;
    padding: 6px 10px;
    position: absolute;
    top: -28px;
    border: 1px solid #4267b2;
    cursor: pointer;
    width: 250px;
    border-radius: 5px 5px 0px 0px;
    background-color: #4267b2;
}

/* HOTLINE */

.wrapper .hotline {
    position: absolute;
    left: 20px;
    bottom: 0px;
}

.wrapper .phonering-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 200px;
    height: 200px;
    cursor: pointer;
    z-index: 200000 !important;
    right: 212px;
    bottom: -20px;
    left: -22px;
    display: block;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
}

.phonering-alo-phone.phonering-alo-show {
    visibility: visible
}

.phonering-alo-phone.phonering-alo-static {
    opacity: .6
}

.phonering-alo-phone.phonering-alo-hover, .phonering-alo-phone:hover {
    opacity: 1
}

.phonering-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    opacity: .1;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #4267b2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #272d6b;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #c22d1b;
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.phonering-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(39,45,107,0.5);
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(39,45,107,0.5);
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(194, 45, 27, 0.7215686274509804);
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(204,204,204,0.5);
    opacity: .75 !important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    opacity: .75 !important
}

.phonering-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid transparent;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    background: url('../img/phone.png') no-repeat center center;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #4267b2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #4267b2;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #c22d1b;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: #75eb50
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.wrapper .hotline .number-phone {
    position: absolute;
    right: -77px;
    bottom: 76px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-color: #4267b2;
    padding: 7px 11px;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #fff;
}

    .wrapper .hotline .number-phone a {
        color: #fff;
    }

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle a img {
    opacity: 0;
}

.wrapper .hd .blk .menu .blk .ul .item .subul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    white-space: nowrap;
    z-index: 1;
    background-color: #52b070;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

    .wrapper .hd .blk .menu .blk .ul .item .subul .item {
        display: block;
        box-shadow: 0px 0px 0px #333;
        margin: 0px;
    }

        .wrapper .hd .blk .menu .blk .ul .item .subul .item .lnk {
            padding: 12px 10px;
            cursor: pointer;
        }

        .wrapper .hd .blk .menu .blk .ul .item .subul .item:hover {
            background-color: #fff;
            color: #fff;
        }

    .wrapper .hd .blk .menu .blk .ul .item .subul .subul {
        top: 0px;
        left: 100%;
    }

        .wrapper .hd .blk .menu .blk .ul .item .subul .subul .item .lnk {
        }

        .wrapper .hd .blk .menu .blk .ul .item .subul .subul:before {
            content: '';
            position: absolute;
            left: -9px;
            top: 14px;
            width: 0;
            height: 0;
            border-left: 0;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-right: 8px solid #FFF;
        }

.wrapper .hd .blk .menu .blk .ul .item:hover > .subul {
    display: block;
    border-left: 1px solid #FFF;
}

    .wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item {
        border-bottom: thin solid #fff;
        color: #fff;
    }

        .wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item .lnk {
            border: none;
            padding: 12px 15px;
            color: #fff;
        }

.wrapper .hd .blk .menu .blk .ul .subul .item > .lnk.haschild:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 16px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 5px solid #fff;
}

.wrapper .hd .blk .menu .blk .ul .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
}

.wrapper .blk .info-container .all-new .item-news .item {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 20px 0px;
}

.wrapper .blk .info-container .all-new .item-news {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

    .wrapper .blk .info-container .all-new .item-news .tlt {
    }

    .wrapper .blk .info-container .all-new .item-news a {
        display: block;
        width: 100%;
        padding: 0px;
        font-weight: bold;
        color: #52b070;
    }

.wrapper .blk .info-container .all-new .item {
    display: block;
    width: 100%;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
}

.wrapper .blk .info-container .all-new .item-news a .img {
    position: relative;
    width: 100%;
    height: 155px;
    margin-right: 15px;
    overflow: hidden;
}

.wrapper .blk .info-container .all-new .item-news .item .img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrapper .blk .info-container .all-new .item-news .item .desc {
    display: none;
}

.wrapper .blk .info-container .all-new .item-news .item .timepost {
    color: #999;
    font-size: 14px;
    font-weight: initial;
}

.wrapper .blk .info-container .all-new .item-news a .title {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 20px;
}

.wrapper .bd .blk .news-container .extra .tlt {
    font-size: 16px;
    padding: 5px 0px 10px 10px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}

    .wrapper .bd .blk .news-container .extra .tlt .txt {
        font-weight: bold;
        color: #333;
    }

.wrapper .bd .blk .news-container .extra .list-cate {
}

    .wrapper .bd .blk .news-container .extra .list-cate .name-cate {
    }

        .wrapper .bd .blk .news-container .extra .list-cate .name-cate a {
            border-bottom: 1px solid #f1f1f1;
            color: #4e4e4e;
            padding: 10px 0px 10px 18px;
            display: block;
            text-transform: initial;
            font-size: 15px;
            text-decoration: initial;
            font-weight: initial;
        }

            .wrapper .bd .blk .news-container .extra .list-cate .name-cate a span {
            }

            .wrapper .bd .blk .news-container .extra .list-cate .name-cate a:hover {
                background-color: #f1f1f1;
                color: #52b070;
                transition: 0.5s;
            }

.wrapper .bd .blk .news-container .extra .item {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0px 0px 10px 0px;
}

.wrapper .bd .blk .news-container .extra .tlt {
    color: #333;
    font-size: 16px;
    padding: 0px 0px 8px 0px;
    font-weight: bold;
    border-bottom: thin solid #ccc;
}

.wrapper .bd .blk .news-container .extra .item .img {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 80px;
}

.wrapper .bd .blk .news-container .extra .item .info {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin: 0px 0px 0px 10px;
}

.wrapper .bd .blk .news-container .extra .item .img img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wrapper .bd .blk .news-container .extra .title {
    font: 14px/18px Helvetica,Arial,Freesans,sans-serif;
    line-height: 20px;
    font-size: 14px;
    font-weight: initial;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 10px 0px 0px 0px;
}

.wrapper .bd .blk .news-container .extra .desc {
    display: none;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding: 10px 0;
}

.wrapper .bd .blk .news-container .extra .timepost {
    display: none;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    margin: 10px 0px 0px 0px;
}

.wrapper .bd .blk .news-container .extra .new-new {
    margin: 0px 0px 30px 0px;
    padding: 0px 5px;
}

.wrapper .bd .blk .news-container .extra .item .img {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.wrapper .bd .blk .news-container .extra .item .img {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 80px;
}

.wrapper .bd .blk .news-container .extra-detail {
    margin: 0px 0px 20px 15px;
    padding: 8px 0px 10px 0px;
}

.wrapper .bd .blk .news-container .extra .tlt a:hover {
    color: #52b070;
    transition: 0.5s;
}

.wrapper .bd .blk .news-container .extra .title:hover {
    transition: 0.5s;
    color: #52b070;
}

#tothetop {
    display: none;
    position: fixed;
    right: 60px;
    bottom: 50px;
    color: #333;
    cursor: pointer;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #F1F1F1;
    padding: 10px;
    font-size: 24px;
    box-shadow: 0px 0px 10px 0px #ccc;
}

.wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item a {
    transition: 0.5s;
}

.wrapper .hd .blk .menu .blk .ul .item > .subul .item a :hover {
    color: #000;
}

.wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item .lnk:hover {
    background-color: #fff;
    color: #52b070;
    transition: 0.5s;
}


.wrapper .hd .blk .menu .blk .ul .item .subul {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    white-space: nowrap;
    z-index: 1;
    background-color: #52b070;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

    .wrapper .hd .blk .menu .blk .ul .item .subul .item {
        display: block;
        box-shadow: 0px 0px 0px #333;
        margin: 0px;
    }

        .wrapper .hd .blk .menu .blk .ul .item .subul .item .lnk {
            padding: 12px 10px;
            cursor: pointer;
        }

        .wrapper .hd .blk .menu .blk .ul .item .subul .item:hover {
            background-color: #52b070;
        }

    .wrapper .hd .blk .menu .blk .ul .item .subul .subul {
        top: 0px;
        left: 100%;
    }


        .wrapper .hd .blk .menu .blk .ul .item .subul .subul:before {
            content: '';
            position: absolute;
            left: -9px;
            top: 14px;
            width: 0;
            height: 0;
            border-left: 0;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            border-right: 8px solid #FFF;
        }

.wrapper .hd .blk .menu .blk .ul .item:hover > .subul {
    display: block;
    border-left: 1px solid #FFF;
}

    .wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item {
    }

        .wrapper .hd .blk .menu .blk .ul .item:hover > .subul .item .lnk {
            border: none;
            padding: 12px 15px;
        }

.wrapper .hd .blk .menu .blk .ul .subul .item > .lnk.haschild:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 16px;
    width: 0;
    height: 0;
    border-left: 0;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-right: 3px solid #FFF;
}

.wrapper .blk .info-container .all-new .item-newsnew {
    width: 37%;
    vertical-align: top;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    text-align: left;
}

    .wrapper .blk .info-container .all-new .item-newsnew .tlt {
        width: 50%;
    }

        .wrapper .blk .info-container .all-new .item-newsnew .tlt a {
            border-bottom: thin solid #52b070;
            color: #333;
            display: block;
            padding: 10px 0px;
            width: initial;
            font-weight: bold;
        }

            .wrapper .blk .info-container .all-new .item-newsnew .tlt a span {
            }

    .wrapper .blk .info-container .all-new .item-newsnew .img {
        max-width: 100%;
        width: 100%;
        height: 255px;
        position: relative;
        margin: 10px 0px;
        overflow: hidden;
    }

        .wrapper .blk .info-container .all-new .item-newsnew .img img {
            width: 100%;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 100%;
        }

    .wrapper .blk .info-container .all-new .item-newsnew .info {
        margin: 10px 0px 0px 0px;
    }

        .wrapper .blk .info-container .all-new .item-newsnew .info .title {
            font-size: 16px;
            font-weight: bold;
            color: #666;
            transition: 0.5s;
            margin: 10px 0px 10px 0px;
        }

        .wrapper .blk .info-container .all-new .item-newsnew .info .desc {
            max-width: 100%;
            max-height: 75px;
            margin: 5px 0px 10px 0px;
            text-align: justify;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            line-height: 18px;
            padding: 0px;
            -webkit-line-clamp: 3;
            color: #666;
        }

        .wrapper .blk .info-container .all-new .item-newsnew .info .timepost {
            color: #999;
        }

.wrapper .blk .info-container .all-new .item-news .tlt {
    padding: 0px 0px 10px 0px;
    width: 50%;
}

    .wrapper .blk .info-container .all-new .item-news .tlt a {
        border-bottom: thin solid #52b070;
        color: #333;
        display: block;
        padding: 10px 0px;
        width: initial;
    }

.wrapper .blk .info-container .all-new .item-news .item {
    display: flex;
    text-align: left;
}

    .wrapper .blk .info-container .all-new .item-news .item .img {
        width: 150px;
        height: 110px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
    }

        .wrapper .blk .info-container .all-new .item-news .item .img img {
            display: block;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .wrapper .blk .info-container .all-new .item-news .item .info {
        width: 166px;
        display: inline-block;
        vertical-align: top;
        margin: 0px 0px 0px 10px;
    }

        .wrapper .blk .info-container .all-new .item-news .item .info .title {
            color: #666;
            font-weight: initial;
        }

        .wrapper .blk .info-container .all-new .item-news .item .info .desc {
        }

        .wrapper .blk .info-container .all-new .item-news .item .info .timepost {
            display: none;
        }

.wrapper .blk .info-container .all-new .item-news {
    width: 62%;
    padding: 0px 0px 0px 15px;
}

    .wrapper .blk .info-container .all-new .item-news .news-home {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        text-align: left;
    }

    .wrapper .blk .info-container .all-new .item-news .item .info .title :hover {
        color: #52b070;
        transition: 0.5s;
    }

/*VIDEO*/
.wrapper .bd .blk .product-detail-container .prod-detail .ql-video {
    width: 700px;
    height: 360px;
    margin: 0 auto;
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-video {
    width: 680px;
    height: 350px;
    margin: 0 auto;
    text-align: center;
}

.wrapper .bd .blk .news-container .news-detail .content .ql-video {
}

.wrapper .bd .blk .news-container .extra .tlt .mdi-chevron-down::before {
    display: none;
}

.wrapper .blk .info-container .all-new .item-newsnew .info .title:hover {
    color: #52b070;
    transition: 0.5s;
}

.wrapper .blk .info-container .all-new .item-news .item .info .title:hover {
    color: #52b070;
    transition: 0.5s;
}

.wrapper .blk .info-container .all-new .item-newsnew .tlt a:hover {
    color: #52b070;
    transition: 0.5s;
}

.wrapper .blk .info-container .all-new .item-news .tlt a:hover {
    color: #52b070;
    transition: 0.5s;
}


.hisella-messages {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 999999;
}

.hisella-messages-outer {
    position: relative;
}

#hisella-minimize {
    font-size: 14px;
    color: #fff;
    padding: 6px 10px;
    position: absolute;
    top: -28px;
    border: 1px solid #4267b2;
    cursor: pointer;
    width: 250px;
    border-radius: 5px 5px 0px 0px;
    background-color: #4267b2;
}