/*整體結構
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#webindex{
width: 800px;
height: auto;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
background: #ffffff;
}

#webindex td{
font:10pt verdana, 新細明體, Helvetica, sans-serif;
}

#webbody{
width: 800px;
height: 372px;
vertical-align: top;
text-align: center;
background: url('images/bg.gif') no-repeat right bottom;
}

#title{
color: #FE5224;
font:10pt verdana, 新細明體, Helvetica, sans-serif;
text-decoration: underline;
}

img{
border: 0px none;
}

a{
text-decoration: none;
font:10pt verdana, 新細明體, Helvetica, sans-serif;
}

#footer{
background: #2D444A;
width: 800;
height: 30px;
color: #ffffff;
text-align: center;
vertical-align: bottom;
}

input{
font:10pt verdana, 新細明體, Helvetica, sans-serif;
}

/*內容-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*右上方選單-----------------------------*/
#top{
width: 651px;
height: 50px;
text-align: right;
vertical-align: bottom;
background: url('images/top.gif');
color: #000000
}

#top a:link, #top a:visited{
color: #000000;
}

#top a:hover{
text-decoration: underline;
}




/*內容大表格----------------*/
#content{
background: #ffffff;
width: 100%;
height: auto;
vertical-align: top;
border: 0px none;
}

/*新消息、flash、系統分頁表格-------------------------*/
#left_content{
background: #ffffff;
width: 650px;
border: 0px none;
height: auto;
vertical-align: top;
margin: 0
}

/*文字~新消息*/
#news_box{
background: #FEE1D3;
height: 25px;
vertical-align: middle;
color: #000000; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
}

#news_box_content a, #news_box_content a:visited{
color: #216FBC;
}

#news_box_content a:hover{
color:  #F75757;
text-decoration: underline;
}


/*跑馬燈購物商品圖片*/
#ad_box{
vertical-align: middle;
background: #FCF7CC;
height: 85px;
}

#ad_box img{
border: 2px solid #ffffff;
vertical-align: middle;
height: 75px;
}

#ad_box a:hover{
border: 2px solid #000000;
height: 75px;
}


/*教學系統學校連結--------------------------------------------*/
#list_content{
width: 100%;
height: auto;
font-size: 10pt;
text-align: center;
vertical-align: middle;
}

#list_content td{
width: 25%; 
height: 30px;
vertical-align: top;
}

#list_content a:hover, #t_text a:hover{
background: #FBFAB1;
color: #407749;
text-decoration: underline;
}

#list_content a, #t_text a, #list_content span{
color: #24578A;

}

#right_ad{
width: 100%;
height: auto;
font:10pt verdana, 新細明體, Helvetica, sans-serif;
color: #666666;
}

#right_ad td{
height: 20px;
text-align: center;
vertical-align: middle;
}

#right_ad_top{
background: #F9E180;
color: #473FEF;
vertical-align: middle;
}


/*連結
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*教學系統top分頁-----------------------------------------*/
#list_menu {
float:left;
border-bottom:1px solid #2763A5;
line-height:normal;
}
    
#list_menu ul {
margin:0;
padding:5px 5px 0 10px;
list-style:none;
}
    
#list_menu li {
display:inline;
margin:0;
padding:0;
}

#list_menu a {
float:left;
background:url('images/tableft.gif') no-repeat left top;
margin:0;
text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}
    
#list_menu a span {
float:left;
display:block;
background:url('images/tabright.gif') no-repeat right top;
color:#FFF;
float:none;
font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:verdana, 新細明體, Helvetica, sans-serif; padding-left:3px; padding-right:5px; padding-top:2px; padding-bottom:2px
}

#list_menu a:hover {
background-position:0% -42px;
}
    
#list_menu a:hover span {
background-position:100% -42px;
}


/*教學影片、文件連結t_data.asp --------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#t_text{
background: url('t_images/text.gif');
width: 232px;
height: 285px;
vertical-align: top
}

#t_text table /*,#t_content table*/{
border: 0px none;
color: #000000; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px
}

#t_content, #dlogin{
background: url('t_images/content.gif');
width: 549px;
height: 285px
}

#t_content table{
border: 0px none;
color: #000000
}

#t_content table td{
text-align: center;
}

#t_content table td a{
color: #E71E03;
}

#t_content table td a:hover{
color: #000000;
text-decoration: underline;
}

#alink{
width: 170px;
height: 40px;
background: url('images/button2.gif'); 
color: #000000
}

/*
#t_content table a:hover{
padding: 5px 5px 5px 5px;
background: url(images/button2.gif); 
color: #000000;
}*/


#dlogin table{
width: 300px;
height: auto;
background: #ffffff;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 5px solid #666666;
font:10pt verdana, 新細明體, Helvetica, sans-serif;
}

#dlogin table td{
height: 30px;
text-align: center;
border-bottom: 1px dotted #666666;
border-right: 1px dotted #666666; 
}


/*左邊menu --直列式--------------*/
#faq_menu_up{
vertical-align: top;
background: url('images/menu_bg.gif') no-repeat top;
}

#faq_menu{
width: 150px;
height: auto;
vertical-align: top;
}

#faq_menu td{
text-align: left;
padding: 5px 5px 5px 5px;

}

#faq_menu a{
color: #474646;
}

#faq_menu a:hover{
text-decoration: underline;
}