﻿/*帳號登入設定*/
fieldset {/* 設定外框大小及顏色 */
  border-color: #006699;
  border-width: 1px;
  border-style: solid;
  padding: 0px; 
  margin: 0;
  width: 180px; 
}
fieldset legend { /* 設定外框的標題文字大小及顏色*/
	font-size:13px;
	color:#0b77b7;
	font-weight: bold;
} 

/*背景設定*/
body {
	background: #FFFFFF url(bg_003.gif) repeat-x;
	font: normal;
	color: #999999;	
	margin: 0;
	padding: 0;
}
tr,td{font:13px;color: #333333;}

#datalistCount a:link{color: #336699; text-decoration: none; border-bottom-color: #336699;font:12px;}
#datalistCount a:visited{ color: #336699; text-decoration: none; border-bottom-color: #5588aa;font:12px; }
#datalistCount a:hover{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;background-color: #FFFFCC;}
#datalistCount a:active{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;font:12px;}

#datalistCount2 a:link{color: #336699; text-decoration: none; border-bottom-color: #336699;font:12px;}
#datalistCount2 a:visited{ color: #336699; text-decoration: none; border-bottom-color: #5588aa;font:12px; }
#datalistCount2 a:hover{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;background-color: #FFFFCC;}
#datalistCount2 a:active{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;font:12px;}

#datalistCount3 a:link{color: #336699; text-decoration: none; border-bottom-color: #336699;font:12px;}
#datalistCount3 a:visited{ color: #336699; text-decoration: none; border-bottom-color: #5588aa;font:12px; }
#datalistCount3 a:hover{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;background-color: #FFFFCC;}
#datalistCount3 a:active{color: #ad5b1e;border-bottom: 1px solid #ad5b1e;font:12px;}

.doclist ul a{list-style-image: url(bullet.gif);font: normal 13px 新細明體;line-height: 20px;
text-decoration: none;color: #003366;}
.doclist ul a:hover{list-style-image: url(bullet.gif);font: normal 13px 新細明體;line-height: 20px;
text-decoration: none;color: #333333;background: #FFFF99;}

/*表格背景框線設定*/
.tdbg{background: #FFFFFF;}
.tdbg2{background: url('headerbg.gif') repeat-x;}
.tdbg3{background: url('title_1.jpg') no-repeat 0% 100%;}
.tdline{border-bottom: 1px dotted #CCCCCC;}
.td_right{background:url('th_bg2.gif') repeat-x;height:30px;font-weight:normal;}
.frame {border: 1px solid #99B6BA;}
.frame2{border-left: 1px solid #666666; border-right: 1px solid #666666;}
.frame3{border-bottom: 1px dotted #99B6BA;height:25px;}
.frame4{border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.gball
{
	background-image: url(images/bg-line3.gif);
	background-repeat: no-repeat;
}
.news_bg {background:#F5FAFE url('news_title_bg.gif'); background-repeat: no-repeat;}
.news_bg_content {background:#F5FAFE url('news_title_bg_content.gif'); background-repeat: no-repeat;}
.newscaption{text-align:left;color: #cc0066;font:13px;}

/*Sub用到的*/
.red{font:13px 新細明體;color: #FF0000;}
.word{font:15px;font-weight: bold;}
.orang{FONT-SIZE: 12px; COLOR: #CC3300; FONT-FAMILY: normal;line-height: 14px;}
.tableframe{border: 1px solid #DDDDDD;}
.tdborder{border-bottom: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;}
.dis_bg {background:#F5FAFE url('dis_bg.gif'); background-repeat: no-repeat;}
.dis_bg2{background:url('line_bg.gif'); background-repeat:repeat-x;border: 1px solid #CCCCCC;height:30px;}
.dis_bg3{background:url('sub_box.jpg'); background-repeat:repeat-x;border: 1px solid #CCCCCC;height:30px;}

/*美化內容框*/
#menubottom
{
background: #fff url('border1.gif') repeat-x;
height: 14px;
margin-bottom: 0.5em;
}

/* 底部樣式 */

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 1.0em;
background: #fff url('border2.gif') repeat-x;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

#footer p {
	margin-bottom: 0.5em;
	line-height: 1em;
	font-size: 12px;
}

/* 選單1 */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 170px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px 新細明體;
color: white;
background: #009999 url('icon-arrow.gif') no-repeat 0px 4px; /*項目符號位置左、上*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 5px 0 5px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar2{
background: url('n_title_login.gif') no-repeat;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 17px 0 18px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar3{
background: url('n_title_plan.gif') no-repeat;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 17px 0 18px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar4{
background: url('n_title_math.gif') no-repeat;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 17px 0 18px 31px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar5{
background: url('n_title_admin.gif') no-repeat;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 17px 0 18px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 13px 新細明體;
color: black;
background: #ECF3FB url('menu_box.gif') no-repeat 5px 6px;/*距離左邊的位置*/
display: block;
padding: 5px 0 ;
line-height: 17px;
padding-left: 48px; /*距離左邊的位置*/
padding-right: 10px; /*距離右邊的位置*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #CC6666;
}


/*Banner的圖片設定*/
.img-shadow{CLEAR: both; DISPLAY: inline; BACKGROUND: url('shadow.gif') no-repeat right bottom; FLOAT: left; MARGIN: 7px 0px 0px 7px;}
.img-shadow img{BORDER-RIGHT: #a9a9a9 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #a9a9a9 1px solid; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: -6px 6px 6px -6px; BORDER-LEFT: #a9a9a9 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #a9a9a9 1px solid; POSITION: relative; BACKGROUND-COLOR: #ffffff;}

/*行距的圖片設定*/
.word_line{line-height:130%;}