﻿/*////首頁中間區塊樣式////*/
/* 中間上方連結*/    
#top_list_lik
{ 
  border-bottom:solid 1px #cde1ea;
  background-color:#f2f4f5;
  clear:both;
  margin:0 0 8px ;
  width:99%;
 }
#top_list_lik ul
{ display:block;
   padding:0 0 3px 10px; 
  }
  
#top_list_lik li
{ display:inline;
  padding:3px 10px 2px 10px;
  background-image:url(images/index_menu_bg01.jpg);
  background-repeat:no-repeat;
  background-position:left 5px ;
}
#top_list_lik li a
{ color:#52990c;
  font-size:13px;
  text-decoration:none;
  line-height:20px; }
  
 #top_list_lik li a:hover
 { text-decoration:underline;}
/*****content第一區塊******************************************************/
/*
#ct_box01
{
    height: 160px!important;
    height: 100%;
    margin-bottom: 0em;
    border: 1px #e9dfd8 solid;
    width: 93.2%;
    padding: 10px 3%;
    overflow:hidden;
}

#ct_box01 h1
{
    margin: 0px 0px 5px;
    background-image: url(images/ct_box01_item.jpg);
    background-repeat: no-repeat;
    text-indent: 1em;
    width: 80%;
    font-size:1em;
}

.news_more
{
    float: right;
}

#ct_box01 div
{
    margin: 0px 0px 0px 10px;
    font-size: .8em;
    line-height: 1.8em;
    color: #686868;
}

#ct_box01 div .pic
{
    float: left;
    margin: 5px 10px 0px 0px;
    
}

#ct_box01 a
{
    color: #5bc6d6;
    text-decoration: none;
}

#ct_box01 a:hover
{
    color: #5bc6d6;
    text-decoration: underline;
}*/
/* 頁籤新更後開啟*/
#ct_box01
{   

    margin:-10px 0px 0em;
    overflow:hidden;
    display:block;
    width: 99.2%;
}
*+html #ct_box01
{   
    height: 100%;
}

.news_more
{
    float: right;
    /*Modify by alonso 2010.04.15 start fix更多訊息位置*/
    /*padding:30px 0px 0px 30px;*/
    padding:0px 0px 0px 0px;
    /*Modify by alonso 2010.04.15 end fix更多訊息位置*/
}
.news_ct
{
	border: 1px #e9dfd8 solid;
    padding: 10px 3%;
font-size: 16px;
    clear:both;
    /*height: 100%; */
}
*+html .news_ct
{
 height: 100%;
}
.news_ct div
{
    margin: 0px 0px 0px 10px;
    line-height: 1.8em;
    color: #686868;
}

.news_ct div .pic
{
    float: left;
    margin: 5px 10px 0px 0px;
    display: table;
    
}

.news_ct a
{
    color: #5bc6d6;
    text-decoration: none;
}

.news_ct a:hover
{
    color: #5bc6d6;
    text-decoration: underline;
}

/*- Menu Tabs 5--------------------------- */
/*頁籤新更後開啟*/
#news_upPanel_tabs
{
    margin: 0px;
    width: 85%;
    font-size: 13px;
    letter-spacing: .1em;
    height: 33px;
    float:left;
    padding: 0px 
}

#news_upPanel_tabs ul
{
    margin: 0;
    padding: 10px 0px 0px 0px;
    list-style: none;
}

#news_upPanel_tabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#news_upPanel_tabs a
{
    float: left;
    background: url( "images/tableft5.jpg" ) no-repeat left top;
    margin: 0;
    padding: 0px 0 0 5px;
    text-decoration: none;
    background-position: 0% -25px;
}

#news_upPanel_tabs a span
{
    float: left;
    display: block;
    background: url( "images/tabright5.jpg" ) no-repeat right top;
    padding: 3px 10px 0px 5px;/**/
    color: #595959;
    background-position: 100% -25px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#news_upPanel_tabs a span
{
    float: none;
}
/* End IE5-Mac hack */
#news_upPanel_tabs a:hover span
{
    color: #ffffff;
}
#news_upPanel_tabs a:hover
{
    background-position: 0% 0px;
}
#news_upPanel_tabs a:hover span
{
    background-position: 100% 0px;
}

#news_upPanel_tabs #current a
{
    background-position: 0% 0px;
}
#news_upPanel_tabs #current a span
{
    background-position: 100% 0px;
    color: #ffffff;
}
/*****content第二區塊******************************************************/
#news_box
{
    padding: 0px;
    margin: 0px 0px 10px 0px;
   /* height: 205px;*/
   /* height: 100%;*//**/
    border: 1px #ffffff solid;
    width: 100%;
    /*display: table;*/
}
/*- Menu Tabs 5--------------------------- */

#tabs5
{
    margin: 0px;
    width: 85%;
    font-size: 13px;
    letter-spacing: .1em;
    height: 33px;
    float:left;
    padding: 0px 
}

#tabs5 ul
{
    margin: 0;
    padding: 10px 0px 0px 0px;
    list-style: none;
}

#tabs5 li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#tabs5 a
{
    float: left;
    /* modified by Alonso 2010.03.18 start */
    /*background: url( "images/tableft5.jpg" ) no-repeat left top;*/
    /* modified by Alonso 2010.03.18 end */

    margin: 0;
    padding: 0px 0 0 5px;
    text-decoration: none;
    background-position: 0% -25px;
}

#tabs5 a span
{
    float: left;
    display: block;
    /* modified by Alonso 2010.03.18 start */
    /*background: url( "images/tabright5.jpg" ) no-repeat right top;*/
    /* modified by Alonso 2010.03.18 end */
    /*Modify by Alonso 2010.04.14 start*/
    /*padding: 3px 10px 0px 5px;*/
    padding: 0px 10px 0px 5px;/*設定新聞發布的tab ui*/
    /*Modify by Alonso 2010.04.14 end*/
    color: #595959;
    background-position: 100% -25px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span
{
    float: none;
}
/* End IE5-Mac hack */
/* modified by Alonso 2010.03.18 start[滑鼠移過會變換背景顏色]
#tabs5 a:hover span
{
    color: #ffffff;
}
#tabs5 a:hover
{
    background-position: 0% 0px;
}
#tabs5 a:hover span
{
    background-position: 100% 0px;
}
 modified by Alonso 2010.03.18 end*/
#tabs5 #current a
{
    background-position: 0% 0px;
    /* modified by Alonso 2010.03.18 start */
	background: url( "images/tableft5.jpg" ) no-repeat left top;
	/* modified by Alonso 2010.03.18 end */
}
#tabs5 #current a span
{
    background-position: 100% 0px;
    /* modified by Alonso 2010.03.18 start */
    background: url( "images/tabright5.jpg" ) no-repeat right top;
    /*color: #ffffff;*/
    /* modified by Alonso 2010.03.18 end */
    
}
.rss
{
    float: right;
    margin: 15px 15px 0px 0px;

}

#ct_box02
{
    margin: 33px -1px 0px 0px!important;/**/
    margin: -3px -1px 0px 0px;
    border: 1px #e9dfd8 solid;
    width: 93%;
    padding: 8px 3% 0px ;
}
*+html #ct_box03
{
    height: 100%;
}


#ct_box02 ul
{
    padding: 0px;
    margin: 5px 0em 0em;
}

#ct_box02 li
{
    padding: 0px;
    background-image: url(images/ct_box02_item.jpg);
    /*Modify by Alonso 2010.04.30 start 字和三角形距離*/
    text-indent: 1em;    
    /*text-indent: 5px;*/
    /*Modify by Alonso 2010.04.30 end*/
    
    background-repeat: no-repeat;
    list-style-type: none;
    /*Modify by Alonso 2010.04.30 start 三角形和邊界距離*/
    /*margin:  0em 0em;*/
    margin:  0px -13px;
    /*Modify by Alonso 2010.04.30 end*/

    /*Modify by Alonso 2010.04.14 start* TAB下方文字大小/
    /*font-size: .8em;*/
    font-size: 16px;/*1em;*/
    background-position: -1px;
    /*Modify by Alonso 2010.04.14 start*/
    line-height: 1.8em;
}

#ct_box02 li a span
{
    margin: 0em .5em 0em 0em;
    color: #c11818;
}

#ct_box02 li a
{
    text-decoration: none;
    color: #7b7b7b;
    letter-spacing: .1ex;
}
#ct_box02 li a:hover
{
    text-decoration: underline;
    color: #585858;
}

/*****content第三區塊******************************************************/
#ct_box03
{
    height: 160px;
    margin: 0px 0px 10px 0px;
    clear:both;

}

/*****content第三區塊******************************************************/
/*第一區塊背景*/
#ct_box03 .t_bg01
{
    background-image: url(images/ctbox3_bg01.jpg);
    height: 140px;    
    width: 33%;
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    border-top: 1px solid #e9dfd8;
    border-left: 1px solid #e9dfd8;
    border-bottom: 1px solid #e9dfd8;
}
/*第一區塊標題*/
.t_bg01 h1
{

    color: #655385;
}

#ct_box03 .t_bg02
{
    float: left;
    border-top: 1px #e9dfd8 solid;
    border-right: 1px #e9dfd8 solid;
    border-left: 1px #e9dfd8 solid;
    border-bottom: 1px #e9dfd8 solid;
    background-image: url(images/ctbox3_bg02.jpg);
    height: 140px;
    width: 33%;
    background-repeat: no-repeat;
    background-position: right top;
}

.t_bg02 h1
{
    color: #4f5f00;
}

#ct_box03 .t_bg03
{
    background-image: url(images/ctbox3_bg03.jpg);
    height: 140px;
    width: 33%;
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    border-right: 1px #e9dfd8 solid;
    border-bottom: 1px #e9dfd8 solid;
    border-top: 1px #e9dfd8 solid;
}

.t_bg03 h1
{

    color: #653704;

}

#ct_box03 .t_bg04
{
    background-image: url(images/ctbox3_bg04.jpg);
    height: 100px;
    width: 33%;
    background-repeat: no-repeat;
    background-position: right top;
    float: left;
    border-left: 1px #e9dfd8 solid;
    border-right: 1px #e9dfd8 solid;
    border-bottom: 1px #e9dfd8 solid;
}

.t_bg04 h1
{
    background-image: url(images/ctbox3_tit_bg04.jpg);
    color: #5b6022;

}
.t_bg01 h1 a
{
	color: #655385;
} 
.t_bg02 h1 a
{
    color: #4f5f00;
}
.t_bg03 h1 a
{
    color: #653704;
}
.t_bg04 h1 a
{
    color: #5b6022;
} 
.t_bg01 h1 a, .t_bg02 h1 a, .t_bg03 h1 a, .t_bg04 h1 a
{
    font-size: .7em;
    text-decoration: none;
    font-family:arial;
}
.t_bg01 h1 a:hover, .t_bg02 h1 a:hover, .t_bg03 h1 a:hover, .t_bg04 h1 a:hover
{
    text-decoration: underline;
}
.t_bg01 h1, .t_bg02 h1, .t_bg03 h1, .t_bg04 h1
{
    padding: 8px 5px 0px 8px;
    width: 58%;
    height: 30px;
    background-repeat: repeat-x;
    margin: 0px;
    font-size: 1em;
}

.t_bg01 ul, .t_bg02 ul, .t_bg03 ul, .t_bg04 ul
{
    position: relative;
    top: 0px;
    margin: 5px 0px 0px 30px;
    padding: 0px;
    display: table;
}

.t_bg01 li, .t_bg02 li, .t_bg03 li, .t_bg04 li
{
    width: 90%;
    float: left;
    list-style-type: none;
    font-size: 1em;
    vertical-align: bottom;
    line-height: 1.5em;
    padding:0px;
    margin:0px;
}

/*.li_btline
{
    border-bottom: 1px #cbced0 dotted;
}*/

.t_bg01 li a
{
	color: #554670;
}

.t_bg02 li a
{
    color: #34620f;
}

.t_bg03 li a
{
    color: #830a09;
}

.t_bg04 li a
{
    color: #704802;
}

.t_bg01 li a, .t_bg02 li a, .t_bg03 li a, .t_bg04 li a
{
    text-decoration: none;
}
.t_bg01 li a:hover, .t_bg02 li a:hover, .t_bg03 li a:hover, .t_bg04 li a:hover
{
    color: #08456d;
    text-decoration: underline;
}

/*****content第四區塊******************************************************/
#ct_box04
{
  /*  border: 1px solid #e9dfd8;*/
    margin: 10px 0px 0px 0px;
    /*height: 100%;*/
    width: 99%;
}
*+html #ct_box04
{
   height: 100%;
}

#ct_box04 .tit
{
      background-color:#bddfb9;
     line-height: 1.8em;
    font-size: 14px;/*.95em;*/
    padding:0px 0px 0px 10px;
    font-weight:bold;
    color:#317d27;	
    margin: 0px 0px 8px 0px;
}

#ct_box04 ul
{
    margin: 0px;
    padding: 0px;
}
#ct_box04 li
{
    margin: 0px;
    padding: 0px;
    float: left;
    list-style-type: none;
}

#AdUserControl1_Panel1 a
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width:25%;
    text-align:center;
}
/*影音區  (NEW)*//*

#ct_box04 .tit .more
{   
    font-size: 12px;/*.7em;*/
    font-family:arial;
    text-decoration: none;    
    margin:0px;
    padding: 3px 5px 0px 0px;
    color:#317d27;	

}

#ct_media
{  
    border: 1px solid #e9dfd8;
    margin: 10px 0px 0px 0px;
    width: 99.5%;
    clear:both;
    
}
#ct_media .tit
{
    background-color:#bfe1dd;
    line-height: 1.8em;
    font-size: .95em;
    padding:0px 0px 0px 10px;
    font-weight:bold;
    color:#1c8378;	
}
#ct_media .tit a
{
	color:#1c8378;
	text-decoration:none;	
	
}
#ct_media td
{  
    padding:5px;
    font-size: .8em;
    line-height: 1.8em;
    color: #686868;
    text-align: left;
    vertical-align: top;
    font-weight:normal;


}
/*- Menu Tabs 5--------------------------- *//*

#vr_tabs
{
    margin: 0px;
    width: 85%;
    font-size: 13px;
    letter-spacing: .1em;
    height: 33px;
    float:left;
    padding: 0px 
}

#vr_tabs ul
{
    margin: 0;
    padding: 2px 0px 0px 0px;
    list-style: none;
}

#vr_tabs li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#vr_tabs a
{
    float: left;
    background: url( "images/tableft5.jpg" ) no-repeat left top;
    margin: 0;
    padding: 0px 0 0 5px;
    text-decoration: none;
    background-position: 0% -25px;
}

#vr_tabs a span
{
    float: left;
    display: block;
    background: url( "images/tabright5.jpg" ) no-repeat right top;
    padding: 3px 10px 0px 5px;
    color: #595959;
    background-position: 100% -25px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*
#vr_tabs a span
{
    float: none;
}
/* End IE5-Mac hack *//*

#vr_tabs a:hover span
{
    color: #ffffff;
}
#vr_tabs a:hover
{
    background-position: 0% 0px;
}
#vr_tabs a:hover span
{
    background-position: 100% 0px;
}

#ct_media .vr
{  
    padding: 0px 10px 10px 0px;
    height:190px;
    clear:both;
    overflow: hidden;
}
#ct_media .vr div {
	padding: 0px 10px 10px;
	height: 100%;
}
  
#ct_media .text
{  
    padding: 0px 30px 10px 10px;
    font-size: 13px;
}    
#ct_media p
{
   padding:0 0 0 10px;
}
#ct_media p a
{
   color: #595959;
   text-decoration:none;

}
.tab {position:relative; width:100%;margin:0;}
.tab dt {position:relative; z-index:0; bottom:-1px; float:left; margin:0; padding:0 12px; border:1px solid #ccc; background:#fff; color:#333; cursor:pointer;}
.tab .current {border-bottom:1px solid #fff; font-weight:bold; background:#8ac81f; color:#fff; margin:0;}
.tab dd {position:absolute; z-index:1; top:2em ; left:0; padding:0; border:0px solid #ccc; ;margin:0;}


/*影音區  (OLD)*/
#ct_box04 .tit .more
{   
    font-size:.7em;
    font-family:arial;
    text-decoration: none;    
    margin:0px;
    padding: 3px 5px 0px 0px;
    color:#317d27;	

}

#ct_media
{  
    border: 1px solid #e9dfd8;
    margin: 10px 0px 0px 0px;
    width: 99.5%;
    /*height: 100%;*/
    clear:both;
    
}
#ct_media .tit
{
    background-color:#bfe1dd;
    line-height: 1.8em;
    font-size: .95em;
    padding:0px 0px 0px 10px;
    font-weight:bold;
    color:#1c8378;
    height:30px;
}
#ct_media .tit a
{
	color:#1c8378;
	text-decoration:none;	
	
}
#ct_media td
{  
    padding:5px;
    font-size: .8em;
    line-height: 1.8em;
    color: #686868;
    text-align: left;
    vertical-align: top;
    font-weight:normal;
}
#ct_media td.vr
{  
    padding: 5px 10px 10px 30px;
}  
#ct_media td.text
{  
    padding: 5px 30px 10px 20px;
}    


p
{
    margin: 0px;
}

.noborder
{
    border: none;
}
.altC
{
	font-size:0.8em;
	height:15px;
    text-decoration:none;
}
