﻿body 
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    font-size: 0.7em;
    background-color: #577faf;
}

a:link
{
    text-decoration: none;	
	color: #273F8F;
}
a:visited
{
    text-decoration: none;
    color: #273F8F;
}
a:hover
{
    text-decoration: underline;
    color: #87AF5F;    
}
a:active
{
    text-decoration: none;
    color: #000000;
}

ul
{
    list-style-type: none; /*移除預設的清單圖示*/
    padding: 0;
    margin: 0;    
}

li
{
    background-image: url(img/li_headlinebullet.gif); /*以背景圖的方式顯示你的清單圖示*/
    background-repeat: no-repeat;    /*背景不重複*/
    background-position: 0 0.4em;    
    /*padding-left: 1.25em;*/
    line-height: 2em;    
}


/* Picture at the top of the site */

#memberlink
{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    height: 10px;
    text-align: right;
    margin-top: 0px;    
    padding-top: 5px;
}

#memberlink a
{
	color: #FFFFFF;
}


#poster
{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    height: 100px;
    margin-top: 10px;
}


#poster_logo
{
    float: left;
    width: 210px;

  /*  position:relative; */
}

#poster_ad
{
    float: right;
    width: 723px;
    margin-right: 5px;    
    /*position:relative; */
}

#toolbar
{
	background-color: #ffef97;
	margin-right: auto;
    margin-left: auto;	
    width: 960px;
    height: 50px;
}

#toolnews
{
    float: left;
    width: 660px;
    margin: 10px 0 0 10px;
    padding: 10px 0 0 0;
}

#toollag
{
    float: right;
    width: 200px;
}

#toolsearch
{
    float: right;
    width: 240px;
    margin: 10px 5px 0 0;
    padding: 10px 0 0 0;    
}


#footer
{
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 22px;
    /*position:relative;     */
    color: #ffffff;
}

#nav
{
	/*padding:25px 15px 0 15px;*/   
    margin-top: 0px;    
    margin-right: auto;
    margin-left: auto;	
    width: 960px;
    height: 38px;
	/*border-bottom: 20px solid #ffef97;    */
    /*position:relative;     		*/
}

#nav ul
{   
	width:100%;
	/*position:relative;*/
	height:27px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	margin:0 0 0 -4px;
	padding:11px 0 0 0;
}

#nav ul li
{
    list-style-type: none;
    background-image: none;	
	display:block;
	float:left;
	margin:0 0 0 4px;
	height:27px;
    /*position:relative;     */
}


#nav ul li a
{
	display:block;
	float:left;
	color:#ffffff;
	background: #87af5f;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#8faf5f',endColorstr='#87af5f');*/
	line-height:27px;
	text-decoration:none;
	padding:0 17px 0 17px;
	height:27px;
	border-bottom: solid 1px #ffef97;
	/*border: 1px solid #87af5f;*/
	
}

#nav ul li a.right
{
	padding-right:10px;
}

#nav ul li a:hover
{
	background:#ffef97;
	color:#000000;	
}

#nav ul li a.current
{
	color:#ffef97;
	background:#fff;	
}

#nav ul li a.current:hover
{
	color:#ffef97;
	background:#fff;
}


/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */
#body
{
    background-color: #ffffff;
    width: 960px;    
    margin-right: auto;
    margin-left: auto;
    /*position: relative;*/
    /*padding: 20px 0 0 0;*/
}

.homemodule
{
    float: left;
    width: 300px;
    margin: 10px 0 0 15px;
    padding: 0 0 20px 0;
}

.homemodule1
{
    float: left;
    width: 600px;
    margin: 10px 0 0 15px;
    padding: 0 0 20px 0;	
}

.homemodule2
{
    float: left;
    width: 450px;
    margin: 10px 0 0 20px;
}


.module
{
    float: left;    
    width: 280px;
    padding: 10px 10px 10px 10px;
    margin: 20px 0 0 0;    
    border: solid 3px #efefef;	
}

.module1
{
    float: left;
    width: 560px;
    padding: 10px 10px 20px 10px;        
    margin: 10px 0 0 0;  
    display: block;          
    min-height: 200px;    
}

.module2
{
    float: left;
    width: 420px;
    padding: 10px 10px 10px 10px;        
    margin: 10px 0 0 0;  
    border: solid 3px #efefef;	
}

.module2ad
{
    float: left;
    width: 420px;
    padding: 10px 10px 10px 10px;        
    margin: 10px 0 0 0;  
    border: solid 3px #efefef;	
    text-align:center;
}

.moduletse
{
}

.moduletseindex
{
    float: left;
    width: 210px;
    margin: 12px 0 0 0;          
}

.tseindex 
{
	font-size: 20pt;
	color: #273F8F;
	text-align:center;
    font-weight: bold;    		
}

.tseup 
{
	font-size: 15pt;
	color: red;
	text-align:center;
    margin: 12px 0 0 0;   
    font-weight: bold;    	           	
}

.tsedown
{
	font-size: 15pt;
	color: green;
	text-align: center;
    margin: 12px 0 0 0;	
    font-weight: bold;    	    
}


.moduletsepic
{
    float: left;
    width: 190px;
    margin: 10px 0 0 0;      
    text-align:center;
}


.topmodule
{
    float: left;
    width: 900px;
    margin: 5px 0 0 60px;
    padding: 0 0 5px 0;	
}

.title
{
	font-size: 9pt;
    color: #273F8F;
    font-weight: bold;
}


.newsmodule
{
    float: left;
    width: 600px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;
}

.newssubmodule
{
    float: left;
    width: 560px;
    padding: 10px 10px 20px 10px;        
    margin: 10px 0 0 0;    
    border: solid 3px #efefef;	
}

.ad300module
{
    float: left;
    width: 300px;
    margin: 20px 0 0 0;    
    padding: 0 0 10px 10px;          
}

.ad200module
{
    float: left;
    width: 300px;
    margin: 20px 0 0 0;    
    padding: 10px 0 10px 15px;
    border: solid 3px #efefef;	        
}


.commentmodule
{
    float: left;
    width: 300px;
    padding: 10px 0 10px 15px;    
    margin: 20px 0 0 0;
    border: solid 3px #efefef;	    
}

#histroty 
{
	display: none;
}

#histroty1
{
	display: none;
}

#histroty2
{
	display: none;
}


.blog
{
    float: left;
    width: 600px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;
   	line-height: 18pt;
}


.subblog
{
	float: left;
	width: 280px;
	height: 200px;
    margin: 10px 0 0 10px;    
    border: solid 1px gray;
    background: #efefef;
}

.subblog p
{
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0 4px 6px;
	background-color: White;
	border-bottom: solid 1px gray;
}

.subblog a:link
{
	color: #87AF5F;
    text-decoration: none;	
}

.subblog a:visited
{
	color: #87AF5F;
    text-decoration: none;	
}


.subblog a:hover
{
    text-decoration: underline;
    color: #87AF5F;    
}

.blogtitle  
{
	width: 239px;
    float: left;
    padding: 0 0 0 6px;    
}

.blogtitle a:link 
{
	color: #273F8F;
    text-decoration: none;	
}

.blogtitle a:visited
{
	color: #273F8F;
    text-decoration: none;	
}

.blogtitle a:hover
{
    text-decoration: underline;
    color: #87AF5F;
}


.blogpublished
{
    float: right;
	width: 30px;
    margin: 0 5px 0 0;    	
    color: Gray;
    text-align: right;
}

.broker
{
    float: left;
    width: 600px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;
   	line-height: 11pt;
}

.brokerright
{
    float: left;
    width: 300px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;
   	line-height: 11pt;
}

.subbroker
{
	float: left;
	width: 280px;
	height: 210px;
    margin: 10px 0 0 10px;    
    border: solid 1px gray;
    background: #efefef;
}


.brokercolumn
{
	width: 30px;
    float: left;
    margin: 5px 0 0 5px;
    padding: 0 0 0 0;
    color: #87AF5F;  
}

.brokerdata
{
	width: 230px;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;    
}


.brokereditor
{
    float: left;
    width: 300px;
    margin: 20px 0 0 0;    
    padding: 10px 0 10px 15px;
    border: solid 3px #efefef;
  	font-size: 9pt;        
}

.brokereditor p
{
	background-color: white;
	color: #273F8F;
	font-weight: bold;
}

.editorinput
{
    margin: 10px 0 0 0;    	
}

.editormsg
{
    margin: 10px 0 0 0;    	
    color: Red;    
}

.adddatamsg
{
    float: left;
    width: 600px;
    height: 400px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;
   	line-height: 11pt;
   	border: solid 3px #efefef;
}

.adddatamsg h2
{
    padding: 0 0 0 10px;
    color: #273F8F;
}


.adddatamsg p
{
	font-size:large;
	font-weight: bold;
	color: #87AF5F;
    padding: 0 0 0 10px;    	
}

.backlink
{
	float:right;	
	padding: 0 0 0 0;    
    margin: 10px 15px 0 0;
}


.currencyconverter
{
    float: left;
    width: 560px;
    padding: 10px 10px 20px 10px;        
    margin: 10px 0 0 0;    
    border: solid 3px #efefef;	
}

.currencyconverter p
{
	background-color: white;
	color: #273F8F;
	font-weight: bold;
}

.currencyconverter table th
{
    background: #ffffff;	
    text-align: center;
    color: #5f5f67;
    border-bottom: solid 1px #c7c7c7;
}

.currencyconverter table td
{
	text-align: center;
    border-bottom: solid 1px #c7c7c7;
}

.currencyconverteroutput
{
	font-size: large;
	margin: 10px 0 0 0;
	text-align: center;	
}

.droplist
{
	float: right;
}


.searchmodule
{	
    width: 960px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 30px;
}


.stockmodule
{   
    width: 960px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 0px;   
  	text-align: center;	
 
}

.stockmodule p
{   
   	text-align: left;
    background: #efefef;	
    color: black;
  	font-size: medium;    
}

.stocksubmodule
{   
	float: left;	
    width: 600px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;   
  	text-align: center;	 
}

.stocktickmodule
{   
	float: left;	    
    width: 300px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;   
  	text-align: center;	 
}

.stocknewsmodule
{   
	float: left;	    
    width: 300px;
    padding: 0 0 10px 0;    
    margin: 10px 0 0 15px;   
  	text-align: left;	 
}

.stockname
{   
	float: left;	
    width: 600px;
  	text-align: center;
  	font-size: x-large;
    background: #efefef;	
    color: #273F8F;
    font-weight: bold;    	
}

.stockquote
{   
	float: left;	
    width: 600px;
  	text-align: center;  	
}


/************************************************************************
* 
* Table
*
************************************************************************/

table
{
	font-size: 9pt;
	margin: 0.2em 0em 0em;
	color: #000000;
	line-height: 16pt;	      
    width: 98%;
    border-collapse: collapse;
    
}

caption
{
    background: #efefef;	
    color: #273F8F;
    font-weight: bold;
}

th 
{
    background: #ffffff;	
    text-align: right;
    color: #5f5f67;
    border-bottom: solid 1px #c7c7c7;    
}

th.string
{
	text-align: left;
}

tr 
{
    background: #efefef;    
}

tr.trodd 
{
    background: #ffffff;       
}

td 
{
	text-align: right;
    padding-left: 5px;	
    border-bottom: solid 1px #c7c7c7;
}

td.string
{
	text-align: left;
}

td.updata
{
	color: red;
}

td.downdata
{
	color: green;
}



