/*
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 : 2017/11/29, 上午 09:54:31
    Author     : yong
*/

.post
{
    overflow: hidden;
    display: table;
}

.news-div
{
    color: #4B4B4B;
}

.post-thumb
{
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    overflow: hidden;
}

.post-thumb .imgLiquidFill
{
    width: 210px;
    max-width: 210px;
    height: 210px;
    max-height: 210px;
}

.post-time
{
    margin: 0 0 5px;
}

.post-title
{    
    font-size: 18px;
    line-height: 1.5em;
    max-height: 3em;
    overflow: hidden;
    margin: 0 0 5px;
}

.post-content
{
    display: table-cell;
    padding: 20px;
}

.post-content-text
{
    height: 172px;
}

.post-desc
{
    height: 4.5em;
    text-align: justify;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.post-readmore
{    
    background: #F7B432;
    border-radius: 30px;
    padding: 10px 20px;
    display: inline;
    color: #4B4B4b;
}

.post-readmore:hover
{
    background: #EA9C05;
    text-decoration: none;
}

.post-pagination-div
{
    text-align: center;
    margin-bottom: 40px;
}

.post-pagination-div a
{
    background: #C5C5C5 !important;
    font-size: 12px;
    color: #4B4B4B !important;
    font-weight: bold;
    padding: 10px !important;
    margin-right: 10px;
}

ul.yiiPager a:hover, ul.yiiPager a:link, ul.yiiPager a:visited, ul.yiiPager .selected a {
    border: none;
}

.post-pagination-div a:hover
{
    background: #EA9C05 !important;
}

.post-pagination-div .selected > a
{
    background: #F7B432 !important;
}

.article-side-div
{
    background: #FFF;
    padding: 10px 15px;
    margin-bottom: 15px;
}

.ezbrand-previous-article-title
{
    font-size: 12px;
    color: #4B4B4B;
    margin-bottom: 10px;
}

.news-content p
{
    font-size: 17px;
    color: #4B4B4B;
    line-height: 24px;
}

.news-content img
{
    margin-bottom: 30px;
}

.news-content h1, .news-content h1 span
{
    font-size: 35px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px;
}

.news-content h2, .news-content h2 span
{
    font-size: 27px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px;
}

.news-content h3, .news-content h3 span
{
    font-size: 20px;
    font-weight: bold;
    color: #f7b432;
    padding: 0;
    margin: 0 0 20px;
}

.side-post
{
    overflow: hidden;
    display: table;
    margin-bottom: 10px;
}

.article-side-div .side-post:last-child
{
    margin-bottom: 0px;
}

.side-post-thumb
{
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: 54px;
    max-width: 54px;
}

.side-post-thumb .imgLiquidFill
{
    width: 54px;
    max-width: 54px;
    height: 54px;
    max-height: 54px;
}

.side-post-title
{
    font-size: 15px;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    margin: 0 0 0 15px;
}

.side-post-title a
{
   color: #F7B432;
}

.side-post-title a:hover
{
   color: #EA9C05;
   text-decoration: none;
}

#ezbrand-previous-article-title,
#ezbrand-next-article-title,
#ezbrand-most-recent-article-title,
#ezbrand-related-article-title
{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (max-width: 750px) 
{ 
    .post-content {
        padding: 10px;
    }
    
    .post-thumb .imgLiquidFill
    {
        width: 120px;
        max-width: 120px;
        height: 120px;
        max-height: 120px;
    }
    
    .post-content-text {
        height: 156px;
    }
    
    .post-readmore {
        padding: 5px 15px;
    }
}