/*  */
.row .col-30 {
    width: calc((100% - 15px*2.3333333333333335)/3.3333333333333335);
}
.row .col-40 {
    width: calc((100% - 15px*1.5)/2.5);
}
.row .col-60 {
    width: calc((100% - 15px*.6666666666666667)/1.6666666666666667);
}
.row .col-70 {
    width: calc((100% - 15px*.4285714285714286)/1.4285714285714286);
}
.row .col-100 {
    width: calc((100% - 15px*0)/1);
}
.text-bold {
    font-weight: bold;
    color: #000;
}
.text-small {
    font-size: 12px;
}
.text-smallest {
    font-size: 10px;
}
.text-gray {
    color: #b2b2b2;
}
.external {
    color: #333 !important;
    text-decoration: none;
    outline: 0
}
/* phần menu panel */
.panel.panel-left.panel-cover {
    z-index: 6000;
    /* z-index: 0; */
    left: -260px;
}
.panel-left .page-content {
    background: #f0f0f0;
    font-size: 14px;
}
.bg-linenear-gardient-animate { /* chạy màu phần trên của menu */
    background: linear-gradient(270deg,#5dd0b2,#d0a55d,#d0725d,#d05d8a,#df3e3e);
    background-size: 1000% 1000%;
    animation: bg-linenear-gardient-animation 30s ease infinite;
}
.panel-bar .close-panel { /* đóng menu */
    position: absolute;
    top: 0;
    font-size: 32px;
    left: 0px !important;
    color: #fff;
}
.ico.ico-40 {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}
.ico-plus-red-filled {
    background-image: url(https://m.cooky.vn/style/img/icon/plus-red-filled-128.png);
}
.list-block {
    font-size: 14px;
    line-height: 150%;
}
.main-menu.list-block {
    margin: 0;
}
.row .col-auto:nth-last-child(4), .row .col-auto:nth-last-child(4)~.col-auto {
    width: 25%;
}
.list-block ul {
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.list-block li {
    box-sizing: border-box;
    position: relative;
}
.list-block .item-link {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
    color: inherit;
}
.main-menu.list-block .item-content {
    padding-left: 10px;
}
.main-menu.list-block .item-media {
    min-width: 20px;
}
.f7-icons, .framework7-icons {
    font-size: 18px;
}
.main-menu.list-block .item-media+.item-inner {
    background-image: none;
    padding-right: 15px;
    margin-left: 5px;
}
.list-block .item-title {
    /* -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto; */
    flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.panel-left .list-block .item-title, .panel-left .list-block .item-title h2 {
    font-size: 14px;
}
.list-block .item-after {
    white-space: nowrap;
    color: #8e8e93;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: 5px;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex; */
    display: flex;
    max-height: 28px;
}
.panel-menu .content-block-title {
    margin: 0;
    padding: 20px 10px;
}
.app-detector.static {
    position: relative;
    height: 54px;
    overflow: initial;
    box-shadow: none;
}
.lang-setting {
    padding: 5px;
    opacity: 0.5;
    color: #808080;
}
.lang-setting.active {
    opacity: 1;
    color: #000000;
}
.footer-menu {
    position: absolute; 
    bottom: 0;
    width: 100%;
    background: #fff;
}
/* phần menu panel */

/* phần modal login - đăng ký */
#simplemodal-container-mobile a.modalCloseImg {
    opacity: 0.4;
    right: 10px;
    background: url(https://www.cooky.vn/Content/simplemodal/x-black.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.tab-login li {
    width: 50%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
    color: #000 !important;
    font-weight: bold;
}
.opt-label {
    color: #b2b2b2;
    text-align: center;
}
.login-verticle-box .login-row input[type=text], .login-verticle-box .login-row input[type=password], .login-verticle-box .login-row select {
    border-radius: 30px;
    width: 100%;
    background: rgba(255,255,255,.2);
    border: #ddd 1px solid;
    height: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
}
/* phần modal login - đăng ký */

/* phần home */
.view, .views {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5000;
}
.view {
    overflow: hidden;
    box-sizing: border-box;
}
.navbar, .toolbar {
    height: 50px !important;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    margin: 0;
    z-index: 500;
    backface-visibility: hidden;
}
.navbar-inner, .toolbar-inner {
    position: absolute;
    left: 0;
    top: 0;
    /*background: #fff;*/
    width: 100%;
    height: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-bottom: 1px solid #eee;
}
.navbar .left {
    margin-right: 10px;
}

.home-page .page-content {
    background: #f0f0f0;
}
.home-page .user-overview {
    position: relative;
    padding: 32px 0 18px;
}
.home-page .user-overview .avatar {
    display: block;
    text-align: center;
}
.home-page .user-overview .avatar img {
    height: 60px;
    width: 60px;
}
.home-page .user-overview .welcome {
    padding: 4px 0 0;
    text-align: center;
}
.home-page .user-overview .welcome span {
    font-size: 16px;
    line-height: 28px;
}
.home-page .user-overview .welcome .name {
    font-weight: 600;
}
.home-page .user-overview .first-look {
    display: block;
    text-align: center;
    width: 100%;
}
.home-page .user-overview .first-look .wrapper {
    display: inline-flex;
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 0 10px;
}
.home-page .user-overview .first-look .wrapper span {
    display: inline-block;
    font-size: 11px;
    line-height: 24px;
}
.home-page .user-overview .first-look .level {
    color: #84b5d3;
    padding: 0 4px 0 0;
}
.home-page .user-overview .first-look {
    display: block;
    text-align: center;
    width: 100%;
}
.home-page .user-overview .first-look .wrapper {
    display: inline-flex;
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 0 10px;
}
.home-page .user-overview .first-look .possession .cp {
    color: #f09635;
}
.home-page .user-overview .first-look .possession .credit {
    position: relative;
    color: #84b5d3;
    padding-left: 6px;
}
.home-page .search {
    position: relative;
    padding: 0 12px;
}
.home-page .search form {
    padding: 4px 0;
}
.searchbar .searchbar-input {
    width: 100%;
    height: 28px;
    position: relative;
    flex-shrink: 1;
}
.home-page .search form input {
    display: block;
    border: 1px solid #dee2e6!important;
    border-radius: 4px;
    color: #000;
    font-size: 13px;
    line-height: 26px;
    padding: 0 28px;
    width: 100%;
}
.home-page .keyword-list {
    float: left;
    line-height: 22px;
    padding: 4px 0;
    white-space: nowrap;
    width: 100%;
}
.home-page .keyword-list .label {
    float: left;
    background-color: #343a40;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-right: 10px;
    padding:5px;
}
.home-page .keyword-list ul {
    font-size: 0;
    margin: 0;
    overflow-x: auto;
    padding: 0;
    white-space: nowrap;
}
.home-page .keyword-list ul li {
    display: inline-block;
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 300;
    padding-right: 10px;
}
.wide-box {
    /*background: #fff;*/
    padding: 10px 0;
    position: relative;
}
.shortcut-cat {
    overflow: hidden;
}
.recommend-cuisine-box {
    padding-bottom: 15px;
    clear: both;
    padding: 0 5px;
}
.recommend-cuisine-box {
    padding-bottom: 15px;
    clear: both;
    padding: 0 5px;
}
.recommend-cuisine-box .item a {
    position: relative;
    overflow: hidden;
    font-weight: bold;
    vertical-align: baseline;
    text-align: center;
    padding: 4px 0;
    display: block;
    background-color: #fff;
}
.recommend-cuisine-box .item a img {
    margin: 0 auto;
    display: block;
    position: relative;
    height: 24px;
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    line-height: 24px;
    border: .5px solid #ddd;
}
.recommend-cuisine-box .item a span {
    position: relative;
    font-size: 12px;
    display: block;
    text-overflow: ellipsis;
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
}
.home-page .item-group {
    padding: 20px 0 0;
}
.home-page .group-title {
    padding: 0 12px;
    position: relative;
}
.home-page .group-title h4 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 5px 0;
}
.home-page .group-title div {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}
.home-page .group-title span.view-more {
    position: absolute;
    right: 15px;
    top: 4px;
    font-size: 12px;
    color: #b2b2b2;
}
.view-more a {
    display: block;
    text-align: center;
}
.home-page .item-list {
    position: relative;
    font-size: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 4px 0 6px;
    white-space: nowrap;
    width: 100%;
}
.home-page .item-list .item {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top;
}
.home-page .cooking-class .item {
    width: 80%;
}
.home-page .daily-recipes .item {
    width: 60%;
}
.home-page .item-list .item:first-child {
    margin-left: 12px;
}.home-page .item-list .item:last-child {
    margin-right: 10px;
}
.home-page .item-list .item .item-thumb {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.home-page .item-list .item .item-thumb img {
    width: 100%;
    height: 210px;
}
.home-page .cooking-class .item .category {
    display: block;
    color: #ff8f00;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 8px 0 4px;
    width: 100%;
}
.block {
    display: block;
}
.home-page .cooking-class .item .info {
    display: inline-block;
    width: 70%;
}
.home-page .cooking-class .item .info .class-title {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    margin: 0;
    white-space: nowrap;
}
.home-page .cooking-class .item .info .class-overview {
    font-size: 11px;
    color: #b2b2b2;
    line-height: 14px;
    margin: 4px 0 0 0;
}
.home-page .cooking-class .item .info .class-overview .location {
    background: #f0f0f0;
    padding: 4px;
    border-radius: 4px;
}
.text-black-normal {
    color: #000!important;
    text-transform: none;
}
.inline-block {
    display: inline-block;
}
.home-page .cooking-class .item .register {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ff8f00;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 34px;
    padding: 0 10px;
    vertical-align: top;
}
.home-page .daily-recipes .item .item-thumb .play-icon {
    width: 40px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    font-size: 11px;
    font-weight: 300;
    line-height: 18px;
    padding: 0 4px;
    border-radius: 8px;
}
.home-page .item-list .item .item-title {
    color: #333;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin: 12px 0 0;
}
.home-page .item-list .item .item-overview {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #b2b2b2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 4px 0 0 0;
}
.home-page .feature-collection {
    position: relative;
}
.home-page .feature-collection .item {
    width: 44%;
}
.home-page .feature-collection .item .item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    white-space: nowrap;
}
.item-thumb .external .img-rounded {
    /* border-radius: 14px !important; */
    /* height: auto !important; */
}
.home-page .promotion-collections .item {
    width: 28.5%;
}

/* phầm home */

/* phần danh sách các cơ sở, camera, địa điểm */
.img-horizontal-responsive {
    height: 100%;
}
.text-green {
    color: #7cb342!important;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.margin-0 {
    margin: 0!important;
}
/* ------------- */
.loc-page .page-content {
    background: #eee;
}
.loc-page .wide-box {
    margin-bottom: 10px;
}
.loc-page .wide-box .headline {
    padding: 5px 10px;
    position: relative;
}
.wide-box .headline h2 {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
}

.recommend-geo-location-nearby-container {
    overflow: hidden;
    padding: 10px 5px;
}
.geo-location-photo {
    width: 150px;
    height: 90px;
    overflow: hidden;
    border-radius: 5px;
}
.geo-location-photo img {
    border-radius: 5px;
}
/* .geo-location-item .distance {
    position: absolute;
    top: 65px;
    right: 15px;
    background: rgba(0, 0, 0, 0.6);
    padding: 3px 5px;
    color: #fff;
    border-radius: 5px;
} */
.geo-location-item .title {
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
}
.btn-open-filter {
    position: absolute;
    right: 10px;
    top: 0;
    color: #559c09;
    font-weight: bold;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
    width: 28px;
    height: 22px;
    background: #f0f0f0;
}
.list-block li.border-tb-1 {
    border: 1px solid #f6f6f6;
    margin-bottom: -1px;
    border-right: 0;
    border-left: 0;
    padding: 0px 5px;
    height: 100px;
}

.list-block li.camera-item {
    border: 1px solid #f6f6f6;
    margin-bottom: -1px;
    border-right: 0;
    border-left: 0;
    padding: 0px 5px;
    height: 350px;
}

.page-directory .list-block .item-content {
    padding: 0 8px;
}
.list-block li.media-item .item-media, .list-block.media-list .item-media {
    padding-top: 9px;
    padding-bottom: 10px;
}
.list-block li.media-item .item-link .item-inner, .list-block.media-list .item-link .item-inner {
    background: 0 0;
    padding-right: 15px;
}
.page-directory .list-block.media-list .item-title {
    line-height: 150%;
    font-weight: 500;
}
.list-block .item-subtitle {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
}
.stats .stats-item {
    color: #9e9e9e;
    padding-right: 10px;
    border: 1px solid #eee;
    margin: 2px 8px 2px 0;
    padding: 4px 8px;
    border-radius: 6px;
    text-transform: lowercase;
    font-size: 12px;
}
/* phần danh sách các cơ sở, camera, địa điểm */


/* phần chi tiết một cơ sở */
.buttons-row .button {
    border-radius: 0;
    border-left-width: 0;
    width: 100%;
}
.button.button-big {
    font-size: 17px;
    height: 44px;
    line-height: 42px;
}
.button-gray-light {
    color: #333!important;
    background: #f5f5f5!important;
    border: none;
}
.img-responsive {
    width: 100%!important;
    height: auto!important;
}
.micro-header .acts {
    width: 100%;
    /* border-top: .5px solid #ddd;
    border-bottom: .5px solid #ddd; */
}

.micro-header .acts .act {
    display: inline-block;
    padding: 10px;
    border: 0;
    background-color: #f0f0f0;
    text-align: center;
    font-size: 14px;
    vertical-align: bottom;
    border-radius: 4px;
    color: #000;
}
.micro-header .header-info .photo-cont .photo {
    width: 100%;
}
.micro-header .header-info .info {
    overflow: hidden;
    padding: 10px;
    background: #fff;
}
.micro-header .header-info .name {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    clear: both;
    padding: 6px 0;
    margin: 0;

    text-transform: uppercase;
    text-align: center;
    
}
.micro-header .header-info .address {
    color: #9e9e9e;
    font-size: 12px;
    line-height: 20px;
}
.micro-header .header-info .short-desc {
    padding: 6px 0;
    clear: both;
}

.micro-header .buttons-row.auto-height .button {
    height: auto;
    width: 32%;
}
.micro-header .acts .act .ico {
    display: block;
    font-size: 28px;
    color: #7cb342;
}
.rating-box {
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.rating-stats-inline {
    position: relative;
    width: 100%;
}
.rating-stats-inline .rating-avg {
    text-align: center;
    background: #d43f3a;
    padding: 15px;
    height: 25px;
    color: #fff;
    width: 25px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 25px;
    box-sizing: content-box;
    border: 5px solid #eee;
}
.rating-stats-inline .rating-items .rating-item-inline {
    width: 100%;
    float: left;
}
.rating-stats-inline .rating-items .rating-item-inline .rating-item-value {
    color: #d43f3a;
    font-weight: bold;
    min-width: 50px;
    text-align: right;
    padding-right: 10px;
}
.rating-stats-inline .rating-items .rating-item-inline .rating-item-text {
    color: #333;
    font-style: italic;
}
/* .button-gray-light.border-trans:first-child {
    border-left-width: 0;
}
.button-gray-light.border-trans {
    border-radius: 0 !important;
}
.button-gray-light.active {
    color: #d43f3a !important;
    border-bottom: 5px solid #c70808 !important;
} */
/* .tabs-views li {
    width: 25%;
} */
.tabs-views li.active {
    border-bottom: 2px solid #c70808 !important;
}

.tabs-views li a {
    text-align: center;
}
.tabs-views li.active a {
    background-color: transparent !important; 
}
.tabs-views li.active a, .tabs-views li.active a i {
    color: #d43f3a !important;
}
.tabs-views .item a {
    color: #818181;
}
.acts-view .btn-go {
    background: #f8f8f8;
    display: inline-block;
    padding: 4px 12px;
    border: 1px solid #ddd;
    color: #2d5d04;
    border-radius: 4px;
    text-decoration: none;
}
.options-box {
    padding: 10px;
    background: #f4f4f4;
    margin-top: 10px;
    font-size: small;
    border-radius: 0 0 4px 4px;
    margin: 10px 5px 10px 0px;
}
.options-box .option-item, .options-box .option-item a {
    color: #b2b2b2;
}
.options-box .option-item .option-item-icon {
    min-width: 24px;
}
.options-box .option-item.active .option-item-icon {
    color: #a9d647;
}
.options-box .option-item.active a {
    color: #000;
    font-weight: bold;
}
.options-box .option-item, .options-box .option-item a {
    color: #b2b2b2;
}
.simple-review-form {
    position: relative;
    background-color: #fff;
    position: relative;
    box-shadow: none;
    margin: 10px 0;
    padding: 15px;
    border-radius: 5px;
}
.simple-review-form .title {
    margin: 0;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}
.simple-review-form .form-box .exit {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #d43f3a;
}
.simple-review-form .form-box .form {
    overflow: hidden;
}
.simple-review-form .form-box .form-row {
    padding: 5px 0;
    clear: both;
    margin-bottom: 5px;
}
.simple-review-form.inline-review-form .content-box .form-control {
    padding: 10px;
    width: 100% ;
    font-family: inherit;
    line-height: 20px;
    border: .5px solid #ddd;
    outline: none;
}
.form-box .acts {
    text-align: right;
}
.form-box .btn-submit-review {
    background-color: #cb202d;
    color: #fff;
    font-size: 17px;
    height: 44px;
    line-height: 42px;
    padding: 0px 10px;
}
/* phần chi tiết một cơ sở */

/* danh sách camera  */

.thumb-loc-item .rating-value {
    border-radius: 50%;
    display: inline-block;
    float: left;
    padding: 10px;
    background: #7cb342;
    margin-left: 10px;
    color: #fff;
}

.thumb-loc-item .rating-value.no-value {
    padding: 7px 10px;
}

.thumb-loc-item .thumb-loc-item-footer {
    position: relative;
    padding: 0 10px 10px 10px;
    height: 40px;
}

.thumb-loc-item .thumb-loc-item-footer .btn-more {
    padding: 0px 15px;
    color: #757575;
    border-radius: 2px;
}

.list-loc-item {
    background: #fff;
}
/* dannh sách camera  */

/* phần danh sách sự kiện xúc tiến */
.blog-page .page-content {
    background: #f0f0f0;
}
.open-events {
    padding-bottom: 15px;
}
.event-detail-box .event-info-box, .event-header-box {
    /* margin-bottom: 15px; */
    overflow: hidden;
    clear: both;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.event-detail {
    background-color: #fff;
    overflow: hidden;
}
.event-list-box .event-detail-photo {
    max-height: 280px;
    height: auto;
}
.event-detail-header {
    overflow: hidden;
    padding: 15px;
    padding-bottom: 0;
}

/* .open-events .event-info h3 {
    font-size: 14px;
    font-weight: bold;
} */
.list-inline {
    list-style-type: none;
    width: 100%;
}
.blog-page .list-inline li {
    padding: 5px 0;
}
.chef-info {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #f6f6f6;
}
.chef-info img {
    width: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.chef-info .name {
    float: left;
}
.chef-info .name a {
    font-weight: bold;
}
.chef-info .name .loca {
    font-size: 10px;
    color: #808080;
}
/* phần danh sách sự kiện xúc tiến */

/* phần tin tức hoạt động  */
.page-content {
    background-color: #eee;
}
.contest-list {
    padding: 0;
    background-color: #eee;
}
.contest-list>.item {
    padding: 15px;
    background-color: #fff;
    margin-top: 15px;
    position: relative;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.contest-list>.item .headline {
    padding: 0 0 10px 0;
}
.contest-list>.item .type {
    background-color: #ff593a;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    padding: 4px 12px;
    float: left;
    margin-bottom: 4px;
}
.contest-list>.item .date {
    padding: 2px;
    color: #a0a0a0;
    padding-left: 10px;
    overflow: hidden;
    font-weight:bold;
}
.contest-list>.item .date>span {
    color: #ff593a;
    font-weight: bold;
    font-size: 14px;
}
.contest-list>.item .headline h2 {
    margin: 0;
    clear: both;
    font-size: 18px;
    overflow: hidden; 
    text-overflow: ellipsis;
}
.contest-list>.item .desc {
    color: #a0a0a0;
    font-size: 12px;
}
.contest-list>.item .photo {
    overflow: hidden;
    line-height: 0;
}
/* -------- có thể ẩn */
.contest-list>.item .stats {
    padding-top: 10px;
    text-align: center;
}
.contest-list .item .stats .stats-item {
    border: 0px;
}
.contest-list>.item .stats .stats-item {
    display: inline-block;
    text-align: center;
    border-right: .5px solid #ddd;
    padding: 0 10px;
    border-radius: 0px;
}
.contest-list>.item .stats .stats-item .stats-count {
    display: block;
    font-size: 18px;
    color: #ff593a;
    font-weight: bold;
}
.contest-list>.item .stats .stats-item .stats-text {
    font-size: 16px;
    color: #b2b2b2;
}
/* -------- có thể ẩn */
.contest-list>.item .btn-act {
    font-size: 18px;
    text-transform: uppercase;
    background-color: #ff593a;
    color: #fff !important;
    padding: 15px 30px;
    display: block;
    text-align: center;
}
/* phần tin tức hoạt động  */

/* danh sách sản phẩm */

ul.category-list {
    padding: 0;
    list-style-type: none;
}
ul.category-list li {
    float: left;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 4px;
    margin-right: 4px;
    margin-top: 4px;
    font-weight: bold;
}
ul.category-list li a {
    font-size: 12px;
    padding: 6px 15px;
    display: block;
    color: #000;
}