﻿.ezProB
{
    padding: 4px;
}

.ezPro
{
    background: #FFF;
    padding: 0;
    display: block;
    border-radius: 5px;
}

.ezPro:hover
{
    background: #ffffdc;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.GridTxt
{
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    height: 150px;
    position: relative;
}

.SPDate
{
    font-size: 14px;
    color: #666;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ImgHot
{
    position: relative;
    margin: 0 auto;
}
/* mobile first*/
.ImgHot img { width: 100%; height: 55vw; text-align: center;}

@media (min-width:768px)
{
    .ImgHot img { height: 33vw;}
}
@media (min-width:992px)
{
    .ImgHot img { height: 150px;}
}
@media (min-width:1200px)
{
    .ImgHot img { height: 200px;}
}

.SPPro
{
    color: #111;
    font-size: 15px;
    font-weight: bolder;
}

.SPaTitle
{
    position: absolute;
    bottom: -25px;
    right: 12px;
    color: #FFF;
    background-color: #7fc67f;
    font-size: 17px;
    font-weight: bolder;
    line-height: 20px;
    text-align: center;
    width: 50px;
    height: 50px;
    float: right;
    padding: 5px;
}

.SPMoeny
{
    position: absolute;
    bottom: 0px;
    right: 10px;
    text-align: right;
    font-weight: bolder;
    font-size: 22px;
    padding-top: 10px;
}
.SPMoenyS
{
    font-size: 12px;
    margin: 10px 0;
    padding: 0 0 5px 0;
}

.MoenyRed
{
    color: red;
    line-height: 45px;
}

.MoenyGreen
{
    color: #7fc67f;
}

.tabs { background: #00a9ff; color: #fff; margin-bottom: 10px; position: -webkit-sticky; position: sticky; top: 0px; z-index: 3; text-align:left; padding: 0 10px;}
@media (min-width: 768px){
    .tabs {top: 160px; text-align: center; padding: 0}
}
@media (min-width: 992px){
    .tabs {top: 100px; text-align: center; padding: 0}
}
.tabs ul { padding: 10px 0; margin: 0px; list-style: none; overflow: auto;}
.tabs ul li { display: inline-block; font-size: 20px; color: #fff; border-right: 1px solid #fff; padding: 0 20px; white-space: nowrap;}
.tabs ul li:last-child {border-right:none;}
.tabs ul li a { color: #fff; text-decoration: none; cursor: pointer;}
