/* CSS layout */
body
{
    margin: 0 0 0 0; 
    /*margin: 4px 10px 15px 10px;
    _margin: 4px 10px 15px 12px;*/
    background-color: #CDDFE7;
    padding: 0px;
    font-size: 82%; /* 新細明體,Verdana ,sans-serif;*/
    line-height: 1.25;
    height: auto;
    letter-spacing: 0.04em;
    font-family: 新細明體,微軟正黑體,標楷體, Arial,san-serif,verdana, Helvetica;
    height: 100%;
}

#mainhead
{
     min-width:998px ;     
    _width: expression(document.documentElement.offsetWidth < 1024?"1024px":"100%") !important;
    min-width:998px \9;

}



#masthead
{
    padding-top: 0px;
    height: 104px;
    background-image: url('../images/head_bg2.jpg');
    overflow: hidden;
}
#masthead .log
{
    float: left;
}
.accesskey a
{
    position: absolute;
    left: 2px;
    /*margin-left: -13px;	*/
    margin-top: 0px;
    _margin-top: 2px;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
}
#banner-nav
{
    /*background-image: url(  '../images/head_bg.jpg' );*/
    margin-right: 0px;
    background-color: #083b74;
    display: block;
    font: 10px arial, verdana, san-serif;
    color: #919090; /*margin-top:4px;*/
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 10px;
    font-weight: normal;
    text-align: right;
    list-style-type: none;
    letter-spacing: 0em;
}
#banner-nav a:link
{
    font: 1.5em arial, verdana, san-serif;
    color: #FFFFFF;
    text-decoration: none;
    list-style-type: none;
}
#banner-nav a:visited
{
    font: 1.5em arial, verdana, san-serif;
    color: #FFFFFF;
    text-decoration: none;
}
#banner-nav a:hover
{
    color: #66CCFF;
    text-decoration: none;
}
#container
{
    margin-top: 8px;
    
   min-width:998px ;     
    _width: expression(document.documentElement.offsetWidth < 1054?"1024px":"100%") !important;
    min-width:998px \9;
    
    height: 1430px;
    min-height: 1300px; /*font-size: 87.001%;*/
    overflow: hidden;
}
.l_Top
{
    background: url('../images/c_Top.jpg') repeat-x;
    height: 9px;
    border-top-color: #C0C0C0;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
}
#left_col
{
    width: 175px;
    height: 100%;
    float: left;
    font-size:15px;      
    *font-size:15px;/* ie7 */
    background:url(../images/leftside_bg222.gif) left top repeat-y;
    margin-bottom:10px;
    margin-left:10px;
    _margin-left:5px;   
    letter-spacing:0.02em;
   

}
#left_col .accesskey a
{
    position: absolute;
    left: 2px; 
    /*margin-left: -13px;	*/ 
    /*margin-top:0;*/
    _margin-top: -6px;
    font-weight: normal;
    font-size: 10px;
    color: #999999;
    text-decoration: none;
}
#left_col h2, h4, h3
{
    margin-top: 0px;
    _margin-top: -4px;
    background: url(../images/left_07.jpg) left top no-repeat;
    margin-bottom: 0px;
    text-align: left; 
    /* width:143px;*/
    height: 1.8em;
    padding: 3px 15px 1px 15px;
    _padding: 3px 15px 3px 15px;
    color: #333399;
    font-size: 16px; 
    *font-size:16px;
    font-weight:lighter;}
#left_col h3
{
    background: url(../images/Lefthead6.gif) left top repeat-x;
}
#left_col ul
{
    margin-left: -40px;
    margin-top: -5px;
    margin-bottom: 1px; 
    *margin-left:-5px;
    margin-top:-5px;
    margin-bottom:4px;
    _margin-left:-5px;
    margin-top:-7px;
    margin-bottom:4px;
}
#left_col .HyperLinkLeft li
{
    margin-top: 0px;
    padding: 5px 0px 2px 10px;
    margin-left: 5px;
    list-style-type: none;
    color: #333399;
    border-bottom: 1px solid #CCCCCC;
}
#left_col .HyperLinkLeft li a
{
    text-decoration: none;
    color: #083e7a;
    padding-left: 15px; /*項目與圖示的距離*/
    padding-top: 0px;
    background: url(../images/arrow.gif) left top no-repeat; /* margin-left:-30px;*/
    color: #333399; /* 左邊menu字體顏色*/ /*background: url(../images/arrow.gif) left center no-repeat;*/
}
#left_col .HyperLinkLeft li a:hover
{
    color: #FF0000; 
    /*padding-left:20px;
    font-weight: bolder;*/
}
#right_col
{
    width: 170px;
    height: 100%;
    margin-right: 10px;
    _margin-right: 5px;
    float: right; /*_margin-right:-20px;*/
    background-color: #CCFFCC;
    background: url(../images/rightsidebar_bg2.gif) left top repeat-y;
    border-bottom-style: groove;
    border-bottom-width: 1px;
    border-bottom-color: #CACACA;
}
/* 右方導盲磚
---------------------------------------------*/
#right_col .r_accesskey a
{
    float: left;
    margin-top: 0px;
    _margin-top: -6px;
    margin-left: 6px;
    font-weight: bold;
    font-size: 10px;
    color: #c7c1b7;
    text-decoration: none;
}
#right_col .fsize
{
    _margin-top: -6px;
    margin-left: 2px;
    padding-bottom: 2px;
    float: left;
    display: block;
}

#right_col .r_Top
{
    width: 164px;
    height: 9px;
    margin-left: 2px;
    background: url(../images/c_Top.jpg) left top repeat-x;
}
/*搜尋TEXTBOX及按鈕*/
#right_col .stext
{
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #999999;
    font-size: small;
}
/*行車指南*/
#right_col .swffilm
{
    margin-left: 28px; margin-top: 8px;
    
}

/*重點資訊*/
#right_col h1
{
    width: 142px;
    height: 20px; 
    /*_height: 0px;*/
    text-align: center;
    border: thin outset #d5e5eb;
    margin: 4px 2px 4px 12px;
    background-image: url('../images/rightside7_bg.jpg'); 
    /*background-color: #2D78BF;*/
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    padding-top: 8px;
    *padding-top:4px;
    padding-bottom:8px;
    _padding-bottom:0px;
    color:Navy;
}
#right_col h2
{
    border: 1px outset #0066CC;
    margin-top: 6px;
    margin-left: 30px;
    margin-right: 28px;
    margin-bottom: 8px;
    font-size: small;
    font-weight: normal;
    padding-left: 5px;
    color: Navy;
    padding-top: 5px;
    background-image: url('../images/rightside4_bg.gif');
}
/*跑馬燈*/
#right_col .popup
{
    margin-top: 5px;
    text-align: center;
    margin-left: 19px;
     *margin-left:4px;
     _margin-left:4px;
     
}/*中間區域*/
     
#page_content
{
    margin-left: 197px;
    margin-right: 190px; 
    *margin-left:194px;
    background:url(../images/bc-bg2.gif) left top repeat-x;
    height:100%;
    background-color:#ffffff;
    border-right-color:#C0C0C0;
    border-bottom-color:#C0C0C0;
    border-left-color:#C0C0C0;
    border-right-width:2px;
    border-bottom-width:2px;
    border-left-width:2px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
}
#page_content .c_accesskey a
{
    float: left;
    margin-top: -4px;
    font-weight: normal;
    font-size: 10px;
    color: #c7c1b7;
    text-decoration: none;
}
.c_Top
{
    background: url('../images/c_Top.jpg') repeat-x;
    height: 9px;
    border-top-color: #D1D1D1;
    border-top-style: solid;
    border-top-width: 1px;
}
#page_content h1
{
    background: url(../images/Lefthead10.gif) left bottom repeat-x;
    border-color: #CCCCCC;
    text-align: left;
    /*font-size: medium;*/
    font-weight: bolder;
    color: #f8d2f9;
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 8px;
    height: 1em;
}
#page_content .title
{
    background: url(../images/Lefthead10.gif) left bottom repeat-x;
    text-align: left; 
    /*font-size: medium;*/
    font-weight: bolder;
    color: #f8d2f9;
    margin-top: 2px;
    margin-bottom: 8px;
    padding-top: 2px;
    height: 1.6em;
	height: 1.2em \9;
	*height: 1.2em;
	_height: 1.2em;
}
#page_content .newslist, .newslist1
{
    margin: 7px;
    margin-top: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}
#page_content .newslist1
{
    min-height: 185px;
    _height: 155px;
    _margin-top: -5px;
}
#page_content .newslist ul
{
    /*margin:5px 5px 5px 0px ;*/
    margin: 5px 5px 5px 25px;
    letter-spacing: 0.01em;
}
#page_content .newslist li
{
    /*	list-style-type: none;*/
    text-align: left;
    list-style-image: url('../images/arrow_red.gif');
    _padding-left: 5px;
    line-height: 1.25em;
    text-align: justify;
    text-justify: inter-ideograph;
}
#page_content .newslist li a
{
    text-decoration: none;
    color: Black;
}
#page_content .newslist li a:hover
{
    color: blue;
    text-decoration: underline;
}
#page_content .newslist1 .picture
{
    border: 1px solid #C0C0C0;
    width: 540px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#page_content .newslist p
{
    margin: 0;
    padding: 0px 10px 3px 10px;
}
#page_content .newslist p.p1
{
    text-align: left;
}
#page_content .newslist .imgLeft
{
    float: left;
    padding-top: 2px;
}
#page_content .newslist .imgRight
{
    float: right;
    padding-top: 4px;
    padding-right: 4px;
}
#page_content .newslist .title ul
{
    margin: 1px 5px 1px 5px;
}
#page_content .newslist .title li
{
    list-style-type: none;
    list-style-image: url('a.gif');

}
#page_content .newslist .title li a:hover
{
    padding-right: 7px;
}
#page_content .newslist p.p2
{
    padding: 0 8px 0 8px;
    text-align: left;
}
#page_content .newslist1 p.txt
{
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 0px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.clear
{
    clear: none; *clear:both;
}

#page_content .newslist .TfShow
{ 
    /*position: relative; leave this value alone*/
    margin-top: 4px;
    _margin-top: 0px;
}

#page_content .newslist .TfShow img
{
    padding: 0px;
    border: 4px solid #fff;
    background-color: #eee;
}

#page_content .newslist .Ltable
{
    margin-top: 14px;
    background-image: url(../images/bc-bg2.gif);
}

.c_Bottom
{
    background: url('../images/c_bottom.jpg') repeat-x;
    height: 9px;
    border-top-color: #D1D1D1;
    border-top-style: solid;
    border-top-width: thin;
}
#footer
{
    clear: both;
    height: 220px;
    margin-top: 10px;
    text-align: center;
    padding: 7px 0;
  
  
    
}
    
#footer .HyperLinkfoot
{
    
     margin-left: 197px;
    margin-right: 190px; 
    *margin-left:194px;
   
}
#footer .HyperLinkfoot a
{
    line-height: 1.5em;
    color: #000099;
    text-decoration: none; /* font-family: Arial, Helvetica, sans-serif;*/
   
}
#footer .HyperLinkfoot a:hover
{
    color: #FF0000;
    text-decoration: underline;
}
#footer .Image3
{
    float: left;
    width:190px;
    padding-left: 3px;
}

#footer .ImageRight
{
    float: right;
    width:190px;
    padding-left: 10px;
}



#footer .Label3
{
    display: block;
    float: left;
    padding-left: 60px;
    padding-top: 7px;
    color: #000099;
}
#footer .gov
{
    float: right;
    padding-right: 12px;
    margin-top: -25px;
}
#footer p
{
     clear: both;
  
    color: Navy;
    line-height:0.5em;
    *line-height: 0.2em;
     _line-height: 0.1em;
    color: Black;
}
#footer .counter
{
    line-height: 1.25em; /*font-family: Arial, Helvetica, sans-serif;*/ /* font-size:100%;*/
    color: #000099;
    text-align: center;
    color: Navy;
    line-height: 0.1em;
}
/* 首頁 熱門連結表格 */
#table1
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px border-collapse: collapse;
}
#table1 .td1
{
    width: 260px;
    height: 21px;
    background-image: url('../images/BoxTop1.jpg');
    background-repeat: no-repeat;
}
#table1 .Rtd1
{
    width: 260px;
    height: 21px;
    background-image: url('../images/RBoxTop1.jpg');
    background-repeat: no-repeat;
}
#table1 .Space1
{
    width: 10px;
    height: 21px;
}
#table1 .Space2
{
    width: 10px;
    height: 230px;
}
#table1 .td2
{
    background-image: url('../images/BoxTop2.jpg');
    background-repeat: repeat-y;
    background-position: left top;
}
#table1 .Rtd2
{
    width: 260px;
    height: 230px;
    background-image: url('../images/RBoxTop2.jpg');
    background-repeat: repeat-y;
    background-position: left top;
    border-spacing: 0px;
    border-collapse: collapse;
}
#table1 .Space3
{
    width: 10px;
    height: 17px;
}
#table1 .td3
{
    width: 260px;
    height: 17px;
    background-image: url('../images/BoxTop3.jpg');
    background-repeat: no-repeat;
}
#table1 .Rtd3
{
    width: 260px;
    height: 17px;
    background-image: url('../images/RBoxTop3.jpg');
    background-repeat: no-repeat;
}
/* 首頁 熱門連結表格  END */
.LinkAreas a
{
    text-decoration: none;
}
.LinkAreas a:link
{
    color: #858585;
}
.LinkAreas a:visited
{
    color: #858585;
}
.LinkAreas a:hover
{
    color: #b6b5b5;
}
.LinkAreas a:active
{
    color: #858585;
}
.LinkAreas
{
    margin: 12px 7px 7px 7px;
    font-size: small;
    background: url('../images/Link_bg.gif') left top repeat-x;
    color: #1A82B9;
}
.LinkAreas ul
{
    list-style: none;
    margin-left: 20px; 
    *margin-left:26px;
    _margin-left:26px;
    padding-left:0px;
    margin-top:15px;
    color:#1A82B9;
}
.LinkAreas li
{
    padding-left: 0px;
    list-style-image: url('../images/ar_02.gif');
    border-bottom: 1px solid #DAEFFA; /* #E7E7E7; */
    line-height: 1.5em;
    color: #1A82B9;
}
#page_content .LinkAreas table
{
    background: url('../images/Link_bg.gif') left top repeat-x;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d2d2d2; /* #b5b5b5; */
}
.LinkAreas tbody tr.c01 th, .LinkAreas tbody tr.c01 td
{
    background: #f6f6f6;
}
.LinkAreas tbody td
{
    padding: 0.4em 0.2em;
}
.LinkAreas th, .LinkAreas td
{
    border-collapse: collapse;
    border: 1px groove #DAEFFA; /*  #b5b5b5; */
}