﻿/* -------------------------------------------- Article ------------------------------------------------------------
<div class="article-scenario-backend">
    <h2 class="article-header-backend">
        <span class="article-header-icon-backend">XXXXXX</span>
    </h2>
    <div class="article-content-box-backend">
        <div class="article-content-backend">
                
        </div>
    </div>
    <div class="article-backend-cleared"></div>
</div> 
 -------------------------------------------- Article-backend ------------------------------------------------------------ */
.article-scenario-backend
{
   margin: 0px 5px 5px 0px;
   line-height:1.5em;
}

.article-header-backend, .article-header-backend a, .article-header-backend a:link, .article-header-backend a:visited, .article-header-backend a:hover
{
   font-family: "新細明體","Times New Roman",Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 18px;
   text-decoration: none;
   position:relative;
   z-index:1;
   padding: 0px;    
   text-align: left;
   background-image: url('./images/article-header-backend.png');
}

.article-header-backend
{
   color: #FFFFFF;
   margin:0px;
   line-height: 1em;
   font-size: 18px;   
   min-height:32px;
}

.article-header-backend a, 
.article-header-backend a:link, 
.article-header-backend a:visited,
.article-header-backend a.visited,
.article-header-backend a:hover,
.article-header-backend a.hovered
{
   font-size: 18px;
}

.article-header-backend a, .article-header-backend a:link
{
   text-align: left;
   text-decoration: none;
   color: #750101;
}

.article-header-backend a:visited, .article-header-backend a.visited
{
   color: #3B3B3B;
}

.article-header-backend a:hover,  .article-header-backend a.hovered
{
   color: #BE0101;
}

.article-header-icon-backend
{
   background:url('./images/article-header-icon-backend.png') no-repeat left 0.7em;   
   margin-top:-7px;
   margin-left:5px;
   padding-top:14px;
   padding-left:32px;
   padding-bottom: 5px; 
   display:inline-block;
   min-height:20px;
   line-height: 1em;
   text-align: left;
   width: 750px;
}

.article-content-box-backend
{
   background-color: #f6fafd;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.article-content-backend
{
   text-align: left;
   margin: 0px;
   padding: 0px;
}


/* -------------------------------------------- Other-backend ------------------------------------------------------------ */
.article-backend-cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}