<!-- BEGIN: main -->
<!-- BEGIN: viewdescription -->
<div class="news_column">
    <div class="alert alert-info clearfix">
        <h3>{CONTENT.title}</h3>
        <!-- BEGIN: image -->
        <img alt="{CONTENT.title}" src="{HOMEIMG1}" width="{IMGWIDTH1}" class="img-thumbnail pull-left imghome" />
        <!-- END: image -->
        <p class="text-justify">{CONTENT.description}</p>
    </div>
</div>
<!-- END: viewdescription -->
<div class="news_column">
    <!-- BEGIN: catcontent -->
    <!-- BEGIN: content -->
    <div class="panel panel-default clearfix">
        <div class="panel-body">
            <!-- BEGIN: image -->
            <a href="{NEWSTOP.link}" title="{NEWSTOP.title}" {NEWSTOP.target_blank}><img alt="{HOMEIMGALT0}" src="{HOMEIMG0}" width="{IMGWIDTH0}" class="img-thumbnail pull-left imghome" /></a>
            <!-- END: image -->
            <h3>
                <a href="{NEWSTOP.link}" title="{NEWSTOP.title}" {NEWSTOP.target_blank}>{NEWSTOP.title}</a>
                <!-- BEGIN: newday -->
                <span class="icon_new">&nbsp;</span>
                <!-- END: newday -->
            </h3>
            <div class="text-muted">
                <ul class="list-unstyled list-inline">
                    <li><em class="fa fa-clock-o">&nbsp;</em> {NEWSTOP.publtime}</li>
                    <li><em class="fa fa-eye">&nbsp;</em> {LANG.view}: {NEWSTOP.hitstotal}</li>
                    <!-- BEGIN: comment -->
                    <li><em class="fa fa-comment-o">&nbsp;</em> {LANG.total_comment}: {NEWSTOP.hitscm}</li>
                    <!-- END: comment -->
                </ul>
            </div>
            <div class="text-justify">
                {NEWSTOP.hometext}
            </div>
            <!-- BEGIN: adminlink -->
            <p class="text-right">
                {ADMINLINK}
            </p>
            <!-- END: adminlink -->
        </div>
        <!-- END: content -->
        <ul class="related">
            <!-- BEGIN: other -->
            <li>
                <a class="show h4" href="{NEWSTOP.link}" {NEWSTOP.target_blank} <!-- BEGIN: tooltip -->data-content="{NEWSTOP.hometext_clean}" data-img="{NEWSTOP.imghome}" data-placement="{TOOLTIP_POSITION}" data-rel="tooltip"<!-- END: tooltip --> title="{NEWSTOP.title}">{NEWSTOP.title}</a>
            </li>
            <!-- END: other -->
        </ul>
    </div>
    <!-- END: catcontent -->
</div>
<div class="row">
    <!-- BEGIN: loopcat -->
    <div class="news_column two_column col-md-12 cat-widget">
        <div class="cw-container">
            <div class="cw-title">
              <h3><i class="fa fa-book ico-title"></i> 
                <a class="con" title="{CAT.title}" href="{CAT.link}">
                  {CAT.title}
              </a>
          </h3>
      </div>

      <div class="panel-body">
        <!-- BEGIN: content -->
        
        
        <!-- BEGIN: image -->
        <a href="{CONTENT.link}" title="{CONTENT.title}" {CONTENT.target_blank}><img alt="{HOMEIMGALT01}" src="{HOMEIMG01}" width="{IMGWIDTH0}" class="img-thumbnail-n pull-left " /></a>
        <!-- END: image -->

        <h3>
            <a class="bag" href="{CONTENT.link}" title="{CONTENT.title}" {CONTENT.target_blank}>{CONTENT.title}</a>
        </h3>
        <div class="text-muted1">
            <ul class="date">
                <span><i class="fa fa-user"></i> <label>Quản trị</label></span>
                <!-- BEGIN: comment -->
               <span class="luotxem"><i class="fa fa-eye"></i> Lượt xem: <label> {CONTENT.hitscm}</label></span>
               <!-- END: comment -->
               <span><i class="fa fa-calendar-check-o"></i> <label>{CONTENT.publtime}</label></span>
           </ul>
       </div>
       <p class="text-chuoi">{CONTENT.hometext}</p>
       <!-- END: content -->
       <ul class="related">
        <!-- BEGIN: other -->
        <li class="">
            <a class="show h4" href="{CONTENT.link}" {CONTENT.target_blank} title="{CONTENT.title}">{CONTENT.title}</a>
        </li>
        <!-- END: other -->
    </ul>
</div>
</div>
</div>
<!-- BEGIN: clear -->

<!-- END: clear -->
<!-- END: loopcat -->
</div>

<script type="text/javascript">
    var cat2ColTimer;
    $.scrollbarWidth=function(){var a,b,c;if(c===undefined){a=$('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body');b=a.children();c=b.innerWidth()-b.height(99).innerWidth();a.remove()}return c};
    function fixColumnHeight(){
        var winW = $(document).width() + $.scrollbarWidth();
        if (winW < 992) {
            $('.two_column .panel-body').height('auto');
        } else {
            $.each($('.two_column .panel-body'), function(k,v) {
                if(k % 2 == 0) {
                    $($('.two_column .panel-body')[k]).height('auto');
                    $($('.two_column .panel-body')[k+1]).height('auto');
                    var height1 = $($('.two_column .panel-body')[k]).height();
                    var height2 = $($('.two_column .panel-body')[k+1]).height();
                    var height = (height1 > height2 ? height1 : height2);
                    $($('.two_column .panel-body')[k]).height(height);
                    $($('.two_column .panel-body')[k+1]).height(height);
                }
            });
        }
    }
    $(window).on('load', function() {
        cat2ColTimer = setTimeout(function(){
           fixColumnHeight();
       }, 100)
    });
    $(function(){
        $(window).resize(function(){
            clearTimeout(cat2ColTimer)
            cat2ColTimer = setTimeout(function(){
               fixColumnHeight();
           }, 100)
        });
    });
</script>
<!-- END: main -->