.article
{
    display: block;
    padding: 20px 0;
    border-bottom: solid 5px #d25e92;
}
.article h2
{
    color: #d25e92;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 25px 0;
}
.article p
{
    font-size: 13px;
    line-height: 1.5em;
    color: #4D4D4D;
    margin: 0 0 10px 0;
}
.article p.source
{
    color: #084c6b;
}
.article a img
{
    float: right;
    margin-left: 25px;
    border: 0;
}
.article p.dt a
{
    color: #007FBF;
    padding-left: 20px;
    background: url("../images/bullet_m.gif") left center no-repeat;
}
/* MOBILE LAYOUT (PORTRAIT/280px, 320PX) 
                    ----------------------------------------------- */@media only screen and (max-width: 767px)
{
    .article
    {
        display: none;
    }
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. *//* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) Mobile แนวนอน
                    ----------------------------------------------- */@media only screen and (min-width: 480px) and (max-width: 767px)
{
    .article
    {
        display: none;
    }
}
/* TABLET LAYOUT 
                    ----------------------------------------------- */@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .article
    {
        display: none;
    }
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */@media only screen and (min-width: 1176px)
{
    .article
    {
        display: block;
    }
}