/* DEFAULTS
----------------------------------------------------------*/
body   
{
    background: #E6EBFF;
    font-size:medium;
    font-family: 微軟正黑體;
    color: #5A7063;
    margin: 0px;
    padding: 0px;
}

a:link, a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

a:active
{
    text-decoration: none;
}

p#F9F6EC
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.page
{
    width: 1024px;
    background-color: #FFC7CD;
    margin:0 auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #B8D0DD;
    width: 100%;
    height:400px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #DBBAE5;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main_content
{
    margin: 5px auto ; 
    text-align:center;
    z-index:1; 
    
}
.footer
{
    background-color: #D6254D;
    color: #FFFFFF;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width: 1024px;
}
#like_box
{
    position:relative;
    z-index:200;
    
}
#title
{
    position:relative;
    z-index:100;  
    height:300px;  
}

a:link, a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

a:active
{
    text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*
.page
{
    width: 1024px;
    background-color: #3FA6AF;
    margin:0 auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #B8D0DD;
    width: 100%;
    height:400px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #DBBAE5;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main_content
{
    margin: 5px auto ; 
    text-align:center;
    z-index:1; 
    
}
.footer
{
    background-color: #D6254D;
    color: #FFFFFF;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width: 1024px;
}
*/
#like_box
{
    position:relative;
    z-index:200;
    
}
#title
{
    position:relative;
    z-index:100;  
    height:300px;  
}
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#666;
    width:100%;
    z-index: 5;
}

div.menu
{
    font-family:微軟正黑體;
    font-size:medium;
    font-weight:900;
    padding: 4px 0px 4px 4px;
    z-index: 100;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index: 100;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #B8D0DD;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 31px　;
    text-decoration: none;
    white-space: nowrap;
    z-index: 100;
}

div.menu ul li a:hover
{
    background-color: #3FA6AF;
    color: #465c71;
    text-decoration: none;
    z-index: 100;
}

div.menu ul li a:active
{
    background-color: #F9F6EC;
    color: #cfdbe6;
    text-decoration: none;
    z-index: 100;
}

/* AJAX TAB   
----------------------------------------------------------*/
        .BTN .ajax__tab_tab
        {
            font-size: 16px;
            font-family:微軟正黑體;
            width: 196px;  /* Your proper width */
            height:25px;   /* Your proper height */
        }
        
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            border:solid 1px #d7d7d7;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
            background-color:#9c3;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #ffffff;
            background-color: #d7d7d7;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 12pt;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            border-top-color: #ffffff;
        }


.AjaxTabStrip .ajax__tab_tab
{
    font-size: 16px;
    font-family:微軟正黑體;
    color:#fff;
    padding: 4px;
    width: 196px;  /* Your proper width */
    height:25px;   /* Your proper height */
    background-color: #FF5475;
}
/* When mouse over */
.AjaxTabStrip .ajax__tab_hover .ajax__tab_tab
{
    
    background-color: #D6254D;
    cursor:pointer;
    color:#fff;
}
/* Current selected tab */
.AjaxTabStrip .ajax__tab_active .ajax__tab_tab
{
    background-color: #DA2128;
    font-weight:bold;
    color:#fff;
}
/* TabPanel Content */
.AjaxTabStrip .ajax__tab_body
{
    padding: 8px;
    margin-right: 9px; /* Your proper right-margin, make your header and the content have the same width */
    margin-top:0px;
}
/* Catalog MENU   
----------------------------------------------------------*/
#list {
	width:150px;
	height:20;
	font-family:微軟正黑體;
	font-size:16px;
	text-align:left;
	font-weight:bolder;
}
#list ul {
	list-style-type:none;				/* 不顯示項目符號 */
	margin:0px;
	padding:0px;
}
#list li {
	border-bottom:2px solid #465c71;	/* 添加底線 */
}
#list li a{
	display:block;
	height:1em;
	padding:5px 5px 5px 0.5em;
	text-decoration:none;

}
#list li a:link, #list li a:visited{
	background-color:#FFFFFF;
	color:#24618E;
}
#list li a:hover{					/* 滑鼠經過時 */
	background-color:#E2F2F6;			/* 改變背景色 */

}
/* Accordion */
.accordionHeader
{
    color: white;
    background-color: #F06160;
	font-size: 18px;
	font-family:微軟正黑體;
	font-weight:bolder;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    color: #FFF;
    background-color: #DA2128;
	font-size: 18px;
	font-family:微軟正黑體;
	font-weight:bolder;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #F3E8D4;
    border: 1px dashed #2F4F4F;
    font-size: 14px;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    color: #636363;
}
.accordionFont
{
    font-size:large;
    /*text-align:left;*/
}
.downloadfiles
{
   font-family:微軟正黑體;
   font-size:large;
   background:#A02424;
   text-align:center; 
   color:#ffffff; 
   font-weight:bolder;  
}
.News_gridview
{
   font-family:微軟正黑體;
   font-size:14;
   background:#8A0A07;
   text-align:center; 
   color:#ffffff; 
   font-weight:bolder;  
}
.titlebackground1
{
    background-color:#EAAE9F;
}
.titlebackground2
{
    background-color:#EF8383;
}