<link href="{$template_path}/visual/modules/content/category-first-degree-banner/css/style.css" rel="stylesheet">


<div class="category-first-degree-banner-img">
    <img cmseasy-id="{$category[$topid]['catid']}" cmseasy-table="category" cmseasy-field="banner" class="cmseasyeditimg" src="{$category[$topid]['banner']}">
</div>
<div class="category-first-degree-banner-title category-first-degree-banner-title-$_id">
    <div class="container">
        {loop plugins::categoryinfo($_catid,$_titlenum,$_textnum) $cat}
        <h1 cmseasy-id="{$cat['catid']}" cmseasy-table="category" cmseasy-field="catname" class="cmseasyedit element-box">
            {$cat['catname']}
        </h1>
        <div class="clearfix"></div>
        {if $cat['subtitle']}
        <p cmseasy-id="{$cat['catid']}" cmseasy-table="category" cmseasy-field="subtitle" class="cmseasyedit element-box">
            {$cat['subtitle']}
        </p>
        {/if}
        {/loop}
    </div>
</div>

<style type="text/css">
    .category-first-degree-banner
    {
        height: $_height;
        background:$_background-color;
    }
    .category-first-degree-banner-title-$_id h1 {
        font-size:$_title-size;
        color:$_title-color;
    }

    .category-first-degree-banner-title-$_id h1:hover {
        color:$_title-hover-color;
    }

    .category-first-degree-banner-title-$_id p {
        font-size:$_subtitle-size;
        color:$_subtitle-color;
    }

    .category-first-degree-banner-title-$_id p:hover {
        color:$_subtitle-hover-color;
    }

    .category-first-degree-banner-title-$_id h1:after {
        background:$_title-color;
    }
    .category-first-degree-banner-title-$_id h1:hover:after {
        background:$_title-hover-color;
    }
</style>
