/* -------------------------------------------- Article ------------------------------------------------------------
<div class="article-scenario-frontend">
    <h2 class="article-header-frontend">
        <span class="article-header-icon-frontend">XXXXXX</span>
    </h2>
    <div class="article-content-box-frontend">
        <div class="article-content-frontend">
                
        </div>
    </div>
    <div class="article-frontend-cleared"></div>
</div> 
 -------------------------------------------- Article-table ------------------------------------------------------------ */
.article-scenario-frontend
{
    color: #000000;
	margin: 0px 0px 5px 0px;
    line-height:1.5em;
}

.article-header-frontend, .article-header-frontend a, .article-header-frontend a:link, .article-header-frontend a:visited, .article-header-frontend 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: 1px;    
   text-align: left;
   background-image: url('./images/article-header-frontend.png');   
   color: #000000;
}

.article-header-frontend
{
   color: #ffffff;
   margin: 5px 0;
   line-height: 1em;
   font-size: 18px;
   height:35px;
}

.article-header-frontend a, 
.article-header-frontend a:link, 
.article-header-frontend a:visited,
.article-header-frontend a.visited,
.article-header-frontend a:hover,
.article-header-frontend a.hovered
{
   font-size: 18px;
}

.article-header-frontend a, .article-header-frontend a:link
{
   text-align: left;
   text-decoration: none;
   color: #244A61;
}

.article-header-frontend a:visited, .article-header-frontend a.visited
{
   color: #526E89;
}

.article-header-frontend a:hover,  .article-header-frontend a.hovered
{
   color: #387599;
}

.article-header-icon-frontend
{
   background:url('./images/article-header-icon-frontend.png') no-repeat left 0.5em; 
   margin-top:-2px;
   margin-left:5px;
   padding-top:11px;
   padding-left:32px;
   padding-bottom: 0px; 
   display:inline-block;
   min-height:22px;
   line-height: 1em;
   text-align: left;
}

.article-content-box-frontend
{
   background-color: #ffffff;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
}

.article-content-frontend
{
   text-align: left;
   margin: 3px 0 0 0;
   padding: 0;
}

.article-frontend-cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

/* -------------------------------------------- GuestBook ------------------------------------------------------------ */
.GuestBookContents 
{
	width:100%; 
    margin-top:1px;	
	border-collapse:collapse;	 
	font-size: small; 
	text-align:left;
    /*background-color:#FFFF00;*/
}

.GuestBookContents .GuestBookContent
{
	width:85%;   
    text-align:left; 
	vertical-align:top;
	font-size: small;
	/*background-color:#FFFF00;*/
	/*background-image: url(Images/GuestBookBg.gif);*/
}

.GuestBookContents .GuestBookIcon
{
	padding-top:5px;
    padding-bottom:5px;
    width:15%;  
    text-align:center; 
	vertical-align:central;
	font-size: small;
	/*background-color:#FFFF00;*/
	/*background-image: url(Images/GuestBookBg.gif);*/
}

.GuestBookContents .GuestBookTitle
{
	width:100%; 	
	height:30px;	
	line-height:200%;
	font-weight:bold; 
	text-indent:5px;
	font-size: small;
	vertical-align:top;
    margin-left:10px;
	overflow:hidden;
    background-image:url(Images/GuestBookTitle.gif); 
}

.GuestBookContents .GuestBookContent .GuestBookInfor
{
	clear:both; 
	margin-top:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-left:0px; 
    padding-left:10px; 	
    padding-top:0px;
	vertical-align:middle;
	overflow:hidden;
	text-align:left; 
	border: 1px solid #00cc33;
	font-size: smaller;
    /*background-color:#FFFF66;*/
}

.GuestBookContents .GuestBookLeftContent
{
	 clear:both; 
	 margin:0px; 	 
	 height:100%;
	 word-break:break-all;
	 word-wrap:break-word;
	 font-size: small;
	 vertical-align:top;
     text-align:center;
     /*background-image:url(Images/SeminarBg.gif); 
	 background-color:#FFFF00;*/
}