/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 14, 2015, 3:49:51 PM
    Author     : GENIUSCYBER
*/
@font-face {
    font-family: 'supermarket';
    src: url('font/supermarket-webfont.eot');
    src: url('font/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/supermarket-webfont.woff2') format('woff2'),
         url('font/supermarket-webfont.woff') format('woff'),
         url('font/supermarket-webfont.ttf') format('truetype'),
         url('font/supermarket-webfont.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.box-header .box-title{font-family: 'supermarket'; font-size: 1.6em; font-weight: 700;}
.main-footer{font-size: 13px;}
.list-img-box-items, .list-mocyc-content, .list-video-items{margin: 0; padding: 0; list-style: none;}
.list-img-box-items li.item-elment-list > .img-box-item{display: block; position: relative;}
.list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{margin-left: auto; margin-right: auto;}
.list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title{background: #fff;}

.list-mocyc-content li, .list-video-items li{ border-bottom: 1px solid #f4f4f4; padding: 10px 0; position: relative;}
.list-mocyc-content li:last-child, .list-video-items li:last-child{border-bottom:none;}
.list-mocyc-content li .title, .list-video-items li .title{letter-spacing:1px; font-family: 'supermarket', Arial, Helvetica, sans-serif;font-size: 1.3em;}
.list-mocyc-content li .title p, .list-video-items li .title p{font-size: 0.77em; letter-spacing:0px; color: #7d7d7d;font-weight:normal; font-family: Tahoma}
.list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a{font-weight: 700;font-family: 'supermarket';}

.list-mocyc-content li .date-time, .list-video-items li .date-time{font-size: 0.85em; font-style: italic; color: #b9b9b9; padding-top: 5px; text-align: right; position: absolute; bottom: 9px; right: 2px;}
.list-mocyc-content li .date-time a{color: #b9b9b9}
.list-mocyc-content li .date-time a:hover{color: #000}

.list-mocyc-content li img.img-small, .list-video-items li img.img-small{width: 105px; height: auto; float: left;}
.list-mocyc-content li .title-small, .list-video-items li .title-small{padding-left: 115px; word-wrap:break-word; font-weight: 700; font-family: 'supermarket';font-size: 1.1em}
.adsBanner250, .adsBanner80{margin-bottom: 5px;}
.adsBanner250 img{height: 250px;}
.adsBanner80 img{height: 80px;}


.ui-item-list, .ui-item-img{margin: 0; padding: 0; list-style: none;}
.ui-item-list li.item-elment-list > .box, .ui-item-img li.item-elment-list > .box{display: block;}
.ui-item-list li.item-elment-list > .box > .box-body > a > img, .ui-item-img li.item-elment-list > .box > .box-body > a > img{margin-left: auto; margin-right: auto;}
.ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer{background: #fafafa;}
.ui-item-list li.item-elment-list > .box > .box-footer > .location, .ui-item-list li.item-elment-list > .box > .box-footer > .time{font-size: 12px; color: #6d6d6d;}
.ui-item-list li.item-elment-list > .box > .box-footer > .price{font-size: 1.6em; font-weight: normal; color: #f70;}
.ui-item-list li.item-elment-list > .box > .box-body{position: relative;}
.ui-item-list li.item-elment-list > .box > .box-body .vip-post-show{
    position: absolute; 
    top: 0; 
    right: 0; 
    padding: 5px 5px;
    background: #f0ad4e;
    opacity: 0.9;
    color: #000;
    font-weight: 600;
}
.ui-item-list li.item-elment-list > .box > .box-footer > .user  img{width: 24px; height: 24px; border-radius: 50%;}


.ui-item-list-all{margin: 0; padding: 0; list-style: none;}
.ui-item-list-all li.item-elment-list > .box{display: block;}
.ui-item-list-all li.item-elment-list > .box > .box-body > a > img{margin-left: auto; margin-right: auto;}
.ui-item-list-all li.item-elment-list > .box > .box-footer{background: #fafafa;}
.ui-item-list-all li.item-elment-list > .box > .box-footer > .location, .ui-item-list-all li.item-elment-list > .box > .box-footer > .time{font-size: 12px; color: #6d6d6d;}
.ui-item-list-all li.item-elment-list > .box > .box-footer > .price{font-weight: normal; color: #f70;}
.ui-item-list-all li.item-elment-list > .box > .box-body{position: relative;}
.ui-item-list-all li.item-elment-list > .box > .box-body .vip-post-show{position: absolute; top: 0; right: 0; padding: 5px 5px;background: #f0ad4e;opacity: 0.9;color: #000;font-weight: 600;}
.ui-item-list-all li.item-elment-list > .box > .box-footer > .user  img{width: 24px; height: 24px; border-radius: 50%;}


.ui-item-list-advertise{margin: 0; padding: 0; list-style: none;}
.ui-item-list-advertise li.item-elment-list > .box{display: block;}
.ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{margin-left: auto; margin-right: auto;}
.ui-item-list-advertise li.item-elment-list > .box > .box-footer{background: #fafafa;}
.ui-item-list-advertise li.item-elment-list > .box > .box-footer > .location{font-size: 12px; color: #6d6d6d;}
.ui-item-list-advertise li.item-elment-list > .box > .box-footer > .price{font-size: 1.6em; font-weight: normal; color: #f70;}
.ui-item-list-advertise li.item-elment-list > .box > .box-body{position: relative;}
.ui-item-list-advertise li.item-elment-list > .box > .box-body .vip-post-show{
    position: absolute; 
    top: 0; 
    right: 0; 
    padding: 5px 5px;
    background: #f0ad4e;
    opacity: 0.9;
    color: #000;
    font-weight: 600;
}
.ui-item-list-advertise li.item-elment-list > .box > .box-footer > .user  img{width: 24px; height: 24px; border-radius: 50%;}

.ui-item-img li.item-elment-list > .box > .box-footer > p.title{font-family: 'supermarket'; font-weight: 700;}
.ui-item-img li.item-elment-list > .box > .box-footer > div.meta{font-size: 13px;font-weight: 700; color: #adadad; }

.products-list .product-title{font-family: 'supermarket';}
.products-list .product-description{ font-size: 0.9em;}

.comments .wall-error{font-size: 13px; color: red; background: #fd9491; padding:10px 9px; text-shadow:none; display: none; margin: 0 1px; font-weight: 700;}
.comments .formUnit{/*border: 1px solid #B4BBCD;*/margin-top: 0px;position: relative;}
.comments .formUnit textarea {width: 100%; color: #555;height: 80px;border: none;/*padding: 5px;*/ box-shadow: 0 0; border-radius: 0;}
.comments .formUnit .ui-input-text{border: none}
.comments .formUnit .ui-input-text{box-shadow: none}
.comments .formUnit input[type="text"]{box-shadow: 0 0;border: none;border-bottom: 1px dotted #CCC; padding-bottom: 5px; width: 100%; margin-bottom: 2px; color: #555555;box-shadow: 0 0;}
.comments .formUnit textarea.text-error{border:1px solid red;}
.comments .formUnit .formUnitControll{background-color: #f9f9f9; /*padding: 5px;*/ text-align: right;}
.comments .formUnit .clearfix{clear: both;}
.comments ul{padding: 0; margin: 0; list-style: none;}

.pagination li.selected a{background-color: #3c8dbc !important; color: #fff;}
.mocyc-banner{margin-top: 15px;}
.js-video {height: 0;padding-top: 0;padding-bottom: 67.5%;margin-bottom: 10px;position: relative;overflow: hidden;}
.js-video.widescreen {padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
.js-video embed, .js-video iframe{top: 0;left: 0;width: 100%;height: 100%;position: absolute;}

.files-img {list-style-type: none;margin: 0px;padding: 0px;}
.files-img li {display: block;float: left;margin: 0 10px 10px 0;width: 120px;height: 80px;background: #fff;}
.files-img li img.f3{width: 120px; height: 80px; display: block;}
.files-img li:first-child{ width: 100%; height: auto;}
.files-img li:first-child img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.files-img2 {list-style-type: none;margin: 0px;padding: 0px;}
.files-img2 li {display: block;float: left;margin: 0 10px 10px 0;width: 82px;height: 82px;background: #fff;}
.files-img2 li a:hover{ text-decoration: none;}

.commemt-img {list-style-type: none;margin: 0px;padding: 0px;}
.commemt-img li {display: block;float: left;margin: 0 10px 10px 0;width: 80px;height: 80px;background: #fff;}

h1.title-content{font-weight: bold; padding: 0; word-wrap: break-word; margin-top:0; line-height: 1;}
.type-market{margin-top: 10px;font-size: 1em;} 
.market-title{margin-top: 25px;}

.box-body{word-wrap:break-word;}
.nav>li>a.price{font-size: 1.5em; font-weight: normal; color: #f70;}
.nav>li>a.yellow{font-size: 1.2em; font-weight: normal; color: #f39c12 ;}
.nav>li>a.blue{font-size: 1.2em; font-weight: normal; color: #3c8dbc;}
.nav>li>a.green{font-size: 1.2em; font-weight: normal; color: #00a65a;}
.nav>li>a.red{font-size: 1.2em; font-weight: normal; color: #dd4b39;}
.box-header >.price {
    font-size: 1.6em;
    font-weight: normal;
    color: #f70;
}

.timeline > li > .img-profile{
    width: 48px;
    height: 48px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 8px;
    top: 0;
}

.timeline > li > .img-profile img{
    border-radius: 50%;
}

.fb-comments, .fb-comments span, .fb-comments iframe {
    min-width: 100% !important;
    max-width: 100% !important;
}

.tools-bar{margin-bottom: 25px; border-bottom: 1px solid #E0E0E0; padding-bottom: 10px;}
.photo-items{margin: 0 0 25px 0; padding: 0; list-style: none;}
.photo-items li{display: inline-block; padding: 5px;}
.photo-items li img{width: 120px; height: 120px;}
.board-items{margin: 0; padding: 0; list-style: none;}
.board-items li{display: inline-block; padding:5px;}
.board-items li img{width: 24px; height: 24px; border-radius: 50%;}

.box-vip-advertise{position: relative; margin-bottom: 10px;}
.box-vip-advertise a > img{width: 100%;}
.box-vip-advertise .caption{
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    height: 42px;
    background: #000;
    color: #fff;
    padding: 0 5px;
    opacity: 0.6;
}

.well-come {
    display: block;
    background: #2f2f30;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    padding: 10px;
    letter-spacing: 1px;
    font-family: 'supermarket', Arial, Helvetica, sans-serif;
}
.ui-item-block-img{margin: 0; padding: 0; list-style: none;}
.ui-item-img > li.itembox-elment-list:first-child{ width: 100%; }
.ui-item-block-img > li.itembox-elment-list:first-child{ width: 100%; }
.ui-item-img > li.itembox-elment-list, .ui-item-block-img > li.itembox-elment-list{float: left; width: 49%; margin-right: 2%; margin-bottom: 15px;}
.ui-item-img > li.itembox-elment-list > .box > .box-footer, 
.ui-item-block-img > li.itembox-elment-list > .box > .box-footer{background: #eee;}
.ui-item-img > li.itembox-elment-list > .box > .box-footer > h3.title{ height: 42px; overflow: hidden; margin: 0; font-size: 1.3em; font-weight: 500; font-family: 'supermarket', Arial, Helvetica, sans-serif; line-height: 1.2;}
.ui-item-block-img > li.itembox-elment-list > .box > .box-footer > h3.title{ height: 42px; overflow: hidden; margin: 0; font-size: 1.1em; font-weight: 500; font-family: 'supermarket', Arial, Helvetica, sans-serif;}
.ui-item-block-img > li.itembox-elment-list:first-child > .box > .box-footer > h3.title{font-size: 1.3em;}
.ui-item-img > li.itembox-elment-list > .box > .box-footer > div.meta{ font-size: 0.95em;}
.ui-item-block-img > li.itembox-elment-list > .box > .box-footer > div.meta{ font-size: 0.8em;}
.ui-item-img > li.itembox-elment-list > .box > .box-footer > div.discription, 
.ui-item-block-img > li.itembox-elment-list > .box > .box-footer > div.discription{font-size: 0.85em; height: 30px; overflow: hidden; margin-bottom: 8px; font-style: italic; color: #828282;}
.ui-item-img > li.itembox-elment-list:nth-child(2n + 1){margin-right: 0;}
.ui-item-block-img > li.itembox-elment-list:nth-child(2n + 1){margin-right: 0;}
.ui-item-img > li.itembox-elment-list > .box > .box-body{position: relative;}
.ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon{opacity: 0.75;}
.ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon:hover{opacity: 0.9;}


.ui-list {margin: 0; padding: 0; list-style: none;}
.ui-list > li.item > .box > .box-footer{background: #eee;}
.ui-list > li.item > .box > .box-footer > h3.title{ height: 42px; overflow: hidden; margin: 0; font-size: 1.3em; font-weight: 500; font-family: 'supermarket', Arial, Helvetica, sans-serif; line-height: 1.2;}
.ui-list > li.item > .box > .box-footer > div.discription{font-size: 0.85em; height: 30px; overflow: hidden; margin-bottom: 8px; font-style: italic; color: #828282;}
.ui-list > li.item > .box > .box-footer > div.meta{ font-size: 0.95em;}
ul.market-l-fix {margin: 0;padding: 0;list-style: none;display: table; width: 100%; position: fixed; bottom: 0px; z-index: 300; opacity: 0.9;}
ul.market-l-fix li{margin: 0;padding: 0;display: table-cell;text-align: center;border-left: 0.1em solid #fff;}
ul.market-l-fix li.w3{width: 33.33%;}
ul.market-l-fix li.w2{width: 5%;}
ul.market-l-fix li:first-child{border-left: 0;}
ul.market-l-fix li a, ul.market-l-fix li strong{display: block;}
ul.market-l-fix li a{background: #cd4444;padding: 10px 0;color: #fff !important; text-decoration: none; text-shadow: 0 0;}
ul.market-l-fix li a strong, ul.market-l-fix li a span{font-weight: 600;line-height: 1;}
ul.market-l-fix li a strong{font-size: 14px;text-shadow: 0 0;}
ul.market-l-fix li a span{color: #fff; font-size: 11px;}
ul.market-l-fix li a:hover{background: #e56767;color: #1c84d4; text-decoration: none;}
ul.market-l-fix li a.active{background: #e56767;color: #1c84d4; text-decoration: none;}
ul.market-l-fix li a:active{text-decoration: none}
.meta-view-shop{margin-bottom: 15px; border-bottom: 1px dotted #f1f1f1}
.meta-view-shop > ul.nav > li > a {font-size: 0.95em; padding: 5px 10px;}
.video-items{margin: 0; padding: 0; list-style: none;}
.video-items > li{float: left; width: 48%; margin-right: 3%; margin-bottom: 15px;}
.video-items > li > .img-frist-box > h3.title{font-size: 0.9em; margin-top: 10px; height: 25px; overflow: hidden;}
.video-items > li > .date-time{font-size: 0.7em; color: #7c7c7c;}
.video-items > li:nth-child(2n){margin-right: 0;}
.chat .item > a >img{width: 40px;height: 40px;border: 2px solid transparent;border-radius: 50% !important;}
.shop{width: 100%; margin-bottom: 25px;}
.shop > .shop-header{position: relative; min-height: 250px;}
.shop > .shop-header > h3.title{position: absolute; bottom: 15px; color: #fff; left: 175px; font-weight: bold;}
.shop > .shop-header > .img-logo-shop{position: absolute; left: 35px; bottom: -25px; width: 128px; height: 128px; border: 3px solid #fff;}
.shop > .shop-bar{min-height: 48px; background: #fff; padding: 7px 5px 0 0;}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4{font-size: 13px;}
.img-responsive{display: inline-block;}


@media (min-width: 1200px){
    .content{padding: 15px 0;}
    /*.fixed .content-wrapper, .fixed .right-side{padding-top: 75px;}*/
    /*.main-sidebar, .left-side{padding-top: 75px;}*/
    .skin-black .main-header{height: 69px;background: #1d1d1d;}
    .skin-black .main-header>.logo{height: 67px;background: #1d1d1d;border-right: none;}
    .skin-black .main-header>.logo > img{height: 67px; margin: 0 auto; display: block;}
    .skin-black .main-header>.logo:hover{background: #1d1d1d;}
    .container{width: 1130px;}
    .skin-black .main-header>.navbar{ background: none;}
    .skin-black .main-header>.navbar>.sidebar-toggle{color: #fff;border-right: none; height: 67px; padding-top: 22px;}
    .skin-black .main-header>.navbar>.sidebar-toggle:hover{background: #1d1d1d;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header>.navbar .navbar-right>li>a{height: 69px;border-left: none;color: #fff;text-align: center;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a:hover, .skin-black .main-header>.navbar .navbar-right>li>a:hover{background: #8e0606;}
    .login-menu .navbar-nav>li>a{padding-top: 22px;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a>.text-th{font-size: 12px;;}
    
    .list-img-box-items li.item-elment-list{float: left; width: 33.3%; margin-bottom: 15px;}
    .list-img-box-items li.item-elment-list{padding-left: 10px; padding-right: 10px;}
    .list-img-box-items li.item-elment-list:nth-child(3n-2){padding-left: 0;}
    .list-img-box-items li.item-elment-list:nth-child(3n){padding-right: 0;}
    .list-img-box-items li.item-elment-list > .img-box-item{height:  230px; width: 100%}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{ height:  230px; width: 100%;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a{font-weight: 700;font-family: 'supermarket'; font-size: 1.3em; background: #000; color: #fff; position: absolute; bottom: 0; height: 55px; width: 100%; opacity: 0.95; padding: 5px; overflow: hidden; line-height: 17px; opacity: 0.75;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a:hover{opacity: 0.8;}
    .skin-black .main-header>.navbar .login-menu .navbar-nav>li>a:hover{background: #2a2a2a !important;}
    
    
    .list-mocyc-content li:first-child{padding-top: 0;}
    .list-mocyc-content li:first-child .img-frist-box{position: relative;}
    .list-mocyc-content li:first-child .img-frist-box img{width: 100%; height: auto;}
    .list-mocyc-content li:first-child .title, .list-mocyc-content li:first-child .title-small{
        display: block;
        width: 100%;
        background: #eee;
        overflow: hidden;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 5px;
    }
    .list-mocyc-content li img{width: 230px; height: 153px; float: left;}
    .list-mocyc-content li .title{padding-left: 235px; word-wrap:break-word; font-weight: 700; font-size: 1.2em}
    
    .ui-item-list li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-img li.item-elment-list{float: left; width: 31.33%; margin-right: 3%}
    
    .ui-item-list li.item-elment-list > .box > .box-body > a > img, .ui-item-img li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list li.item-elment-list:nth-child(4n), .ui-item-img li.item-elment-list:nth-child(3n){margin-right: 0;}
    .ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list li.item-elment-list > .box > .box-footer > p.title, .ui-item-img li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
    .ui-item-list-all li{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-all li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    .ui-item-list-all li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(8){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(12){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(21){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(25){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(29){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(33){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(38){margin-right: 0;}
    
    .ui-item-list-advertise li.item-elment-list-advertise{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list-advertise li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(7){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(10){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(13){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(19){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer{padding: 10px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
    .col-lg-70{width: 69.5%;}
    .col-lg-30{width: 30.5%;}
    
    .skin-black .main-header>.navbar .nav>li>a:hover, .skin-black .main-header>.navbar .nav>li>a:active, .skin-black .main-header>.navbar .nav>li>a:focus, .skin-black .main-header>.navbar .nav .open>a, .skin-black .main-header>.navbar .nav .open>a:hover, .skin-black .main-header>.navbar .nav .open>a:focus{
        background: #2a2a2a;
        color: #fff;
    }
    
    .ui-item-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 215px;}
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-item-block-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 110px;}
    .ui-item-block-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-list > li.item{float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;}
    .ui-list > li.item:nth-child(3n){margin-right: 0;}
    .ui-list > li.item > .box > .box-body > a > img{width: 100%; height: 205px;}
    .ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 5em;}
}

@media (min-width: 992px) and (max-width: 1200px){
    .fixed .content-wrapper, .fixed .right-side{padding-top: 75px;}
    .main-sidebar, .left-side{padding-top: 75px;}
    .skin-black .main-header{height: 69px;background: #1d1d1d;}
    .skin-black .main-header>.logo{height: 67px;background: #1d1d1d;border-right: none;}
    .skin-black .main-header>.logo > img{height: 67px; margin: 0 auto; display: block;}
    .skin-black .main-header>.logo:hover{background: #1d1d1d;}
    .container{width: 95%;}
    .content{padding: 15px 0;}
    .skin-black .main-header>.navbar{ background: none;}
    .skin-black .main-header>.navbar>.sidebar-toggle{color: #fff;border-right: none; height: 67px; padding-top: 22px;}
    .skin-black .main-header>.navbar>.sidebar-toggle:hover{background: #1d1d1d;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header>.navbar .navbar-right>li>a{height: 69px;border-left: none;color: #fff;text-align: center;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a:hover, .skin-black .main-header>.navbar .navbar-right>li>a:hover{background: #8e0606;}
    .login-menu .navbar-nav>li>a{padding-top: 22px;}
    .skin-black .main-header>.navbar .login-menu .navbar-nav>li>a:hover{background: #2a2a2a !important;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a>.text-th{font-size: 0.8em;}
    
    .list-img-box-items li.item-elment-list{float: left; width: 33.3%; margin-bottom: 15px;}
    .list-img-box-items li.item-elment-list{padding-left: 10px; padding-right: 10px;}
    .list-img-box-items li.item-elment-list:nth-child(3n-2){padding-left: 0;}
    .list-img-box-items li.item-elment-list:nth-child(3n){padding-right: 0;}
    .list-img-box-items li.item-elment-list > .img-box-item{height:  230px; width: 100%}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{ height:  230px; width: 100%;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a{font-weight: 700;font-family: 'supermarket'; font-size: 1.3em; background: #000; color: #fff; position: absolute; bottom: 0; height: 55px; width: 100%; opacity: 0.95; padding: 5px; overflow: hidden; line-height: 17px; opacity: 0.75;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a:hover{opacity: 0.8;}
    
    .list-mocyc-content li:first-child{padding-top: 0;}
    .list-mocyc-content li:first-child .img-frist-box{position: relative;}
    .list-mocyc-content li:first-child .img-frist-box img{width: 100%; height: auto;}
    .list-mocyc-content li:first-child .title, .list-mocyc-content li:first-child .title-small{
        display: block;
        width: 100%;
        background: #eee;
        overflow: hidden;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 5px;
    }
    .list-mocyc-content li img{width: 230px; height: 153px; float: left;}
    .list-mocyc-content li .title{padding-left: 235px; word-wrap:break-word; font-weight: 700; font-size: 1.2em}
    
    .ui-item-list li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-img li.item-elment-list{float: left; width: 31.33%; margin-right: 3%}
    .ui-item-list li.item-elment-list > .box > .box-body > a > img, .ui-item-img li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list li.item-elment-list:nth-child(4n), .ui-item-img li.item-elment-list:nth-child(3n){margin-right: 0;}
    .ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list li.item-elment-list > .box > .box-footer > p.title, .ui-item-img li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
      .ui-item-list-all li{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-all li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    .ui-item-list-all li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(8){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(12){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(21){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(25){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(29){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(33){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(38){margin-right: 0;}
    
    
    .ui-item-list-advertise li.item-elment-list-advertise{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list-advertise li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(7){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(10){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(13){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(19){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer{padding: 10px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
    
    .col-lg-70{width: 69.5%;}
    .col-lg-30{width: 30.5%;}
    .skin-black .main-header>.navbar .nav>li>a:hover, .skin-black .main-header>.navbar .nav>li>a:active, .skin-black .main-header>.navbar .nav>li>a:focus, .skin-black .main-header>.navbar .nav .open>a, .skin-black .main-header>.navbar .nav .open>a:hover, .skin-black .main-header>.navbar .nav .open>a:focus{
        background: #2a2a2a;
        color: #fff;
    }
    
    .ui-item-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 215px;}
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    .ui-item-block-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 110px;}
    .ui-item-block-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-list > li.item{float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;}
    .ui-list > li.item:nth-child(3n){margin-right: 0;}
    .ui-list > li.item > .box > .box-body > a > img{width: 100%; height: 205px;}
    .ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 5em;}
}

@media (min-width: 769px) and (max-width: 992px){
    .fixed .content-wrapper, .fixed .right-side{padding-top: 75px;}
    .main-sidebar, .left-side{padding-top: 75px;}
    .skin-black .main-header{height: 69px;background: #1d1d1d;}
    .skin-black .main-header>.logo{height: 67px;background: #1d1d1d;border-right: none;}
    .skin-black .main-header>.logo > img{height: 67px; margin: 0 auto; display: block;}
    .skin-black .main-header>.logo:hover{background: #1d1d1d;}
    .container{width: 100%;}
    .content{padding: 15px 0;}
    .skin-black .main-header>.navbar{ background: none;}
    .main-header > .navbar{}
    .skin-black .main-header>.navbar>.sidebar-toggle{color: #fff;border-right: none; height: 67px; padding-top: 22px;}
    .skin-black .main-header>.navbar>.sidebar-toggle:hover{background: #1d1d1d;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header>.navbar .navbar-right>li>a{height: 69px;color: #fff;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a>.text-th{font-size: 8px;}
    .main-header .navbar-custom-menu, .main-header .navbar-right{margin-right: 0;}
    .skin-black .main-header>.navbar .navbar-custom-menu>.nav{margin-right: 0;}
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a:hover, .skin-black .main-header>.navbar .navbar-right>li>a:hover,
    .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a:active, .skin-black .main-header>.navbar .navbar-right>li>a:active{background: #8e0606;}
    .skin-black .main-header>.navbar .login-menu .navbar-nav>li>a:hover{background: #2a2a2a !important;}
    .login-menu .navbar-nav>li>a{padding-top: 22px;}
    
    .list-img-box-items li.item-elment-list{float: left; width: 33.3%; margin-bottom: 15px;}
    .list-img-box-items li.item-elment-list{padding-left: 10px; padding-right: 10px;}
    .list-img-box-items li.item-elment-list:nth-child(3n-2){padding-left: 0;}
    .list-img-box-items li.item-elment-list:nth-child(3n){padding-right: 0;}
    .list-img-box-items li.item-elment-list > .img-box-item{height:  163px; width: 100%}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{ height:  163px; width: 100%;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a{font-weight: 700;font-family: 'supermarket'; font-size: 1.3em; background: #000; color: #fff; position: absolute; bottom: 0; height: 55px; width: 100%; opacity: 0.95; padding: 5px; overflow: hidden; line-height: 17px; opacity: 0.75;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a:hover{opacity: 0.8;}
    
    .list-mocyc-content li:first-child{padding-top: 0;}
    .list-mocyc-content li:first-child .img-frist-box{position: relative;}
    .list-mocyc-content li:first-child .img-frist-box img{width: 100%; height: auto;}
    .list-mocyc-content li:first-child .title, .list-mocyc-content li:first-child .title-small{
        display: block;
        width: 100%;
        background: #eee;
        overflow: hidden;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 5px;
    }
    .list-mocyc-content li img{width: 230px; height: 153px; float: left;}
    .list-mocyc-content li .title{padding-left: 235px; word-wrap:break-word; font-weight: 700; font-size: 1.2em}
    
    .ui-item-list li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-img li.item-elment-list{float: left; width: 31.33%; margin-right: 3%}
    .ui-item-list li.item-elment-list > .box > .box-body > a > img, .ui-item-img li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 125px;}
    .ui-item-list li.item-elment-list:nth-child(4n), .ui-item-img li.item-elment-list:nth-child(3n){margin-right: 0;}
    .ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list li.item-elment-list > .box > .box-footer > p.title, .ui-item-img li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
    .ui-item-list-all li{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-all li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 125px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1em; line-height: 1.3em;}
    .ui-item-list-all li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(8){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(12){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(21){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(25){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(29){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(33){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(38){margin-right: 0;}
    
    
    .ui-item-list-advertise li.item-elment-list-advertise{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list{float: left; width: 23.5%; margin-right: 2%;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 174px;}
    .ui-item-list-advertise li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(7){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(10){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(13){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(16){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list:nth-child(19){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer{padding: 10px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    
    
    .top-menu{display: none;}
    .skin-black .main-header>.navbar .nav>li>a:hover, .skin-black .main-header>.navbar .nav>li>a:active, .skin-black .main-header>.navbar .nav>li>a:focus, .skin-black .main-header>.navbar .nav .open>a, .skin-black .main-header>.navbar .nav .open>a:hover, .skin-black .main-header>.navbar .nav .open>a:focus{
        background: #2a2a2a;
        color: #fff;
    }
    
    .ui-item-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 135px;}
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    .ui-item-block-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 85px;}
    .ui-item-block-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-list > li.item{float: left; width: 32%; margin-right: 2%; margin-bottom: 10px;}
    .ui-list > li.item:nth-child(3n){margin-right: 0;}
    .ui-list > li.item > .box > .box-body > a > img{width: 100%; height: 135px;}
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 5em;}
    .ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 3em;}
}

@media (min-width: 282px) and (max-width: 768px){
    .container{padding: 0;}
    .content{padding: 0; padding-top: 15px;}
    .skin-black .main-header>.logo > img{height: 50px; margin: 0 auto; display: block;}
    
    /*.list-img-box-items li.item-elment-list:first-child{padding-top: 0;height:  210px;}
    .list-img-box-items li.item-elment-list:first-child > .img-box-item{height:  200px; width: 100%}
    .list-img-box-items li.item-elment-list:first-child > .img-box-item > .img-box-item-body{float: none;}
    .list-img-box-items li.item-elment-list:first-child > .img-box-item > .img-box-item-body > a > img{width: 100%; height:  200px;}
    .list-img-box-items li.item-elment-list:first-child > .img-box-item > .img-box-item-title{
        display: block;
        width: 100%;
        
        overflow: hidden;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 5px;
    }*/
    /*.list-img-box-items li.item-elment-list{border-bottom: 1px solid #ccc; height: 75px; margin-top: 5px;}
    .list-img-box-items li.item-elment-list:last-child{border-bottom: 0px;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body{float: left;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{width: 105px;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title{padding-left: 110px;}*/
    
    .list-img-box-items li.item-elment-list{float: left; width: 49.33%; margin-bottom: 15px;}
    .list-img-box-items li.item-elment-list{padding-left: 10px; padding-right: 10px;}
    .list-img-box-items li.item-elment-list:nth-child(n){padding-left: 0;}
    .list-img-box-items li.item-elment-list:nth-child(2n){padding-right: 0;}
    .list-img-box-items li.item-elment-list > .img-box-item{height:  auto; width: 100%}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-body > a > img{ height:  auto; width: 100%;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a{font-weight: 700;font-family: 'supermarket'; font-size: 1.1em; background: #000; color: #fff; position: absolute; bottom: 0; height: 40px; width: 100%; padding: 5px; overflow: hidden; line-height: 17px; opacity: 0.75;}
    .list-img-box-items li.item-elment-list > .img-box-item > .img-box-item-title > a:hover{opacity: 0.8;}
    .list-img-box-items li.item-elment-list:last-child{display: none;}
    
    
    .ui-item-list-all li{float: left; width: 48.33%; margin-right: 2%;}
    .ui-item-list-all li.item-elment-list > .box > .box-body > a > img{width: 100%; height: auto;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list-all li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1em; line-height: 1.3em;}
    .ui-item-list-all li.item-elment-list:nth-child(2){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(4){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(6){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(8){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(10){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(12){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(14){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(16){margin-right: 0;}
    
    .ui-item-list-all li.item-elment-list:nth-child(19){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(21){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(23){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(25){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(27){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(29){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(31){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(33){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(36){margin-right: 0;}
    .ui-item-list-all li.item-elment-list:nth-child(38){margin-right: 0;}
    
    
    .list-mocyc-content li:first-child{padding-top: 0;}
    .list-mocyc-content li:first-child .img-frist-box{position: relative;}
    .list-mocyc-content li:first-child .img-frist-box img{width: 100%; height: auto;}
    .list-mocyc-content li:first-child .title, .list-mocyc-content li:first-child .title-small{
        display: block;
        width: 100%;
        background: #eee;
        overflow: hidden;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 5px;
    }
    .list-mocyc-content li img{width: 105px; float: left;}
    .list-mocyc-content li .title{padding-left: 115px; word-wrap:break-word; font-weight: 700; font-size: 1em}
    
    
    /*.ui-item-list li.item-elment-list > .box, .ui-item-img li.item-elment-list > .box{height: auto;}
    .ui-item-list li.item-elment-list > .box > .box-body, .ui-item-img li.item-elment-list > .box > .box-body{float: left;}
    .ui-item-list li.item-elment-list > .box, .ui-item-img li.item-elment-list > .box{margin-bottom: 0;}
    .ui-item-list li.item-elment-list > .box > .box-body, .ui-item-img li.item-elment-list > .box > .box-body{margin-bottom: 2px; margin-right: 5px;}
    .ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer {padding: 0; }
    .ui-item-list li.item-elment-list > .box > .box-footer > p.title, .ui-item-img li.item-elment-list > .box > .box-footer > p.title{overflow: hidden;text-overflow: ellipsis;font-size: 15px; height: 24px;}
    .ui-item-list li.item-elment-list > .box > .box-body > a > img{width: 105px; height: 85px;}
    .ui-item-img li.item-elment-list > .box > .box-body > a > img{width: 105px; height: 79px;}
    
    
    .ui-item-list-advertise li.item-elment-list > .box{height: auto;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body{float: left;}
    .ui-item-list-advertise li.item-elment-list > .box{margin-bottom: 0;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body{margin-bottom: 2px; margin-right: 5px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer{padding: 0; }
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > p.title{overflow: hidden;text-overflow: ellipsis;font-size: 15px; height: 24px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 105px; height: 85px;}*/
    
    
    
    .ui-item-list li.item-elment-list{float: left; width: 48.33%; margin-right: 3%;}
    .ui-item-img li.item-elment-list{float: left; width: 48.33%; margin-right: 3%}
    .ui-item-list li.item-elment-list > .box > .box-body > a > img, .ui-item-img li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 125px;}
    .ui-item-list li.item-elment-list:nth-child(2n), .ui-item-img li.item-elment-list:nth-child(2n){margin-right: 0;}
    .ui-item-list li.item-elment-list > .box > .box-footer, .ui-item-img li.item-elment-list > .box > .box-footer {padding: 10px;}
    .ui-item-list li.item-elment-list > .box > .box-footer > p.title, .ui-item-img li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    .ui-item-list li.item-elment-list > .box > .box-footer > .price{font-size: 1.3em; font-weight: normal; color: #f70;}
    
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 175px;}
    
    .ui-item-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 110px;}
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    .ui-item-block-img > li.itembox-elment-list > .box > .box-body > a > img{width: 100%; height: 110px;}
    .ui-item-block-img > li.itembox-elment-list:first-child > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-list > li.item:first-child{width: 100%;}
    .ui-list > li.item{float: left; width: 49%; margin-right: 2%; margin-bottom: 10px;}
    .ui-list > li.item:nth-child(2n + 1){margin-right: 0;}
    .ui-list > li.item > .box > .box-body > a > img{width: 100%; height: auto;}
    
    .ui-item-img > li.itembox-elment-list:first-child > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 5em;}
    .ui-item-img > li.itembox-elment-list > .box > .box-body .play-icon{position: absolute; top: 30%; left: 42%; font-size: 3em;}
    
    
    .ui-item-list-advertise li.item-elment-list-advertise{width: 100%; margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list{float: left; width: 48.33%; margin-right: 3%}
    .ui-item-list-advertise li.item-elment-list > .box > .box-body > a > img{width: 100%; height: 105px;}
    .ui-item-list-advertise li.item-elment-list:nth-child(2n + 1){margin-right: 0;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer{padding: 10px;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > p.title{height: 40px; word-wrap:break-word; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.3em;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > .time{font-size: 0.8em;}
    .ui-item-list-advertise li.item-elment-list > .box > .box-footer > .price{font-size: 0.9em;}
    .margin-moblie{margin-top: 10px;}
}