@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------以下為body設定------------------------------------------ */
body {
	color: #636363;/*文字顏色*/ 
	margin: 0px;/*無邊界*/
	font-family: "Arial", "Helvetica", "sans-serif";/*文字字型*/ 
	font-size: 12px;/*文字大小*/ 
	line-height: 24px;/*文字行高*/ */ 
	background-repeat: repeat-x;/*背景重複方式*/ 
    background-image : url(../images/bg.gif); /*背景圖片*/ 
	background-color: #ffffff;/*背景底色*/ 
    background-position : top center; /*背景位置靠上靠左*/
}
/* -------------------------------------------------以下box架構設定------------------------------------------ */
#WRAPPER{ 
width:789px;  
margin:0 auto;          
text-align:center; 
background-color: #ffffff;       
overflow:hidden; 
}       
#CONTENT{ 
width:100%; 
padding:15px 20px;
text-align:left; 
overflow:hidden; 
}
/* -------------------------------------------------以下為其他類別連結設定---------------------------------------- */ 
#BTN ul {
list-style-type: none;        
padding: 0 auto;                                              
width: 480px;               
height: 30px;
float: right;
}               
#BTN ul li 
{
float: left;
}                 
#BTN ul li a 
{   
width: 30px; 
height: 30px;
margin: 0 5px;
font-family: "Arial", "Helvetica", "sans-serif"; 
font-size: 12px;
color: #036cb4;
font-weight: bold; 
text-align:center;
line-height: 32px;
display: block; 
text-decoration: none; 
border: 1px solid #eeeeee;                
}                   
#BTN ul li a:hover 
{ 
color: #ffffff;
background-color: #036cb4;
} 

td.border
{ border: 1px solid #cccccc;
text-align: center;
vertical-align: top;
}
.tt1
{  
width: 30px; 
height: 30px;
margin: auto 5px;
font-family: "Arial", "Helvetica", "sans-serif"; 
font-size: 12px;
color: #ffffff;
font-weight: bold; 
text-align:center;
line-height: 32px;
display: block; 
text-decoration: none; 
background-color: #036cb4;               
} 
.tt2
{  
width: 30px; 
height: 30px;
margin: auto 5px;
font-family: "Arial", "Helvetica", "sans-serif"; 
font-size: 12px;
color: #cccccc;
font-weight: bold; 
text-align:center;
line-height: 32px;
display: block; 
text-decoration: none; 
border: 1px solid #cccccc;               
} 

.t1 a
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #ab0b97;
	line-height: 20px;
	text-decoration: none;
}
.t1 a:hover
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #ab0b97;
	line-height: 20px;
	text-decoration: underline;
}
.t2
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	color: #ab0b97;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
.t3
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #1d1d1d;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}
.t4
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #fc0200;
	line-height: 20px;
	text-decoration: none;
}
.t5
{
	font-family:  "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #036cb4;
	line-height: 20px;
	text-decoration: none;
}
.rogo_pad{padding-top:15px;}