﻿body{ margin: 0px 0px 0px 0px; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;color: #ffffff; font-size: 76%; line-height: 20px;}
td {vertical-align:top}
a {	color:#ffffff; text-decoration: none;}
a:link {color: #ffffff; }
a:hover {color: #ffeac3;}
a img { border:none;}
input {font-size: 12px; border : 1px solid #dedede ;}
.clear{ clear:both;}

/*裝有Float效果的容器-------------------------------------------------------------*/
.clearfix{width:100%}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;display: inline-block;} 
/* End hide from IE-mac */

/*導盲設定---*/
.aa{}
.aa a{ color:#666666; font-size:5px; line-height:6px;}
.aa a:link{ color:#666666;}
.aa a:hover{ color:#999999;}

/*上方網站導覽------------------------*/
.topbk {background:url(../images/index_top_bk.jpg) left top no-repeat; color:#ffffff; padding:5px 0 0 30px; font-size:11px; height:29px;}



/*主要範圍設定---------------------------------------*/
#outBox {position:relative;margin-right:auto; margin-left:auto; width: 1000px;}

.left{ float:left; width:288px;}
.right{ float:left; width:712px;}

/*左方連結---*/
.banner_out{ text-align:right;}
.banner_out img{ margin-bottom:1px;}

/*最新消息---*/
.news { position:absolute; top:296px; left:306px; width:664px;}

.news a {	color:#ffffff; text-decoration: none;}
.news a:link {color: #ffffff; }
.news a:hover {color: #fff493; }
.news_left{ float:left; width:201px; padding:15px 0 0 29px;}
.news_left img { width:176px; height:115px; padding:3px; border:1px solid #575757;}

.news_right{ float:right; width:432px; padding-top:15px;}
.news .list{ background: url(../images/point_indexnews.gif) left top no-repeat; margin:0px 0px 5px 0px; padding-left:10px; }
.news .more{ text-align:right; padding:5px 6px 0 0;}


/*下方區塊-------------------------------------------------------------------------*/

.role { width:664px;background: url(../images/index_box_bk.jpg) left top no-repeat ;  color:#d0bcff; margin-left:18px}
.role .box1{ float:left; width:342px; line-height:15px;}
.role .box2{float:left; width:322px; line-height:15px;}

.role span{ font-size:15px; border-bottom:1px solid #d0bcff;color: #ffffff;}
.role a {color:#ffffff;}
.role a:link {color: #ffffff; }
.role a:hover {color: #d0bcff; }

.role .arrow { background:url(../images/indeex_arrow.gif) left top no-repeat; }
.role .box1 .column0 .arrow{ }
.role .box2 .column0 .arrow{ }

.column0{padding-right:10px;}
.column0 .arrow{padding-left:12px; margin-top:10px;}



/*其它--*/
.search{ position:absolute; top:6px; left:725px; width:270px; color:#ffffff; font-size:11px; }


.link{clear:both;padding:10px 29px 10px 33px;text-align:center;}
.link img{ width:130; height:48px; margin-right:0px; margin-left:0px;}


.bottom{background:url(../images/index_bottombk2.jpg) left top repeat-x; }
.bottom2{background:url(../images/1/index_bottombk1.jpg) left top no-repeat; padding:5px 40px 5px 241px}
.bottom2 div{ margin:20px 0px 5px 0px;}

