@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("header.css");
@import url("footer.css");
@import url("form.css");
@import url("tab.css");
@import url("page.css");
@import url("search.css");
@import url("sitemap.css");
@import url("menu.css");            /*---------靜態選單-----------*/ 

.cp, .lp, .np, .qp, .sitemap, .qp, .sp, .fb, .form{
	margin:0 20px;
	padding:0 0 20px 0;
	line-height: 20px;
	color: #666666;
	text-align:left;
	clear:both;
}


.accesskey {
	font-size:80%;
	position: absolute;
	top:98px;
}
.accesskey a{color: #FFFFFF; }

.accesskey a:hover,.center .accesskey a:hover{
	color:#CCCC00;
}
.center .accesskey a{color: #80cbef; }

h2{
	background: url(../images/h2_bg.jpg) no-repeat left 0px;
	font-size: 125%;
	padding: 8px 0px 5px 20px;
	margin:0 0 10px 0;
	color: #0b5989;
	clear:both;
	text-align:left;
	font-weight: bold;
	letter-spacing: 1px;
}
h2 span img{vertical-align:middle;}
hr.SpaceLine{
	height:2px;
	width:95%;
	border: 1px dotted #333333;
}

a{
	color: #4c4c4c;
}
a:hover{
	color: #CC6600;
	text-decoration: underline;
}

.blockquote{
	color: #996600;
	line-height: 20px;
	margin:5px 10px 0 10px;
	clear:both;
}

.date{
	color: #0099CC;	
	margin-right:3px;
}

.more{
	float:right;
	margin:5px 0 0px 0;
	padding:0px;
	clear:both;
	border: 1px solid #FFFFFF;
}
.more a{
	font-size: 80%;
	color: #FFFFFF;
	text-align:right;
	display:block;
	margin:0px 0;
	padding:2px 15px 0 8px;
	background: #5eb9e6 url(../images/icon_more.gif) no-repeat right 4px;
}
/*
.leftimg {
	padding:0px 0 5px 4px;
	display:block;		
	background-image: url(../images/morebg_left.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	
}
*/

.btn_center{
	text-align:center;
	clear:both;
	color: #FFFFFF;
	margin:5px 0;
}
.btn_center img, .btn_center input{ vertical-align:middle;}
/*------------------------------------------------substation*/
.substation{
	background-image: url(../images/head_substation.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin: 0 12px 20px 0px;
	padding:0 5px;
	clear:both;
}
.substation h2{margin:0px; padding:5px 0 12px 0; text-indent:-5000px;background-image: none;height:25px;}
.substation .body p{ text-align:center;}

.PgSet{ float:right; margin:0 3px; clear:both; padding:0px;}
.PgSet li{
	display:inline;
	padding:0;
	background-image: none;
	border:none 0px;
	vertical-align:-10px;
	
}
.friendly{	
	margin:0 0 0px 0px;
	text-align:left;
	clear:both;
	width:100%;
	color: #999999;
}
.friendly .path{	
	background-image: url(../images/icon_path.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0px 0px 20px;
	margin:0px 0 0px 0px;
	color: #3399CC;
}

.friendly .path a{
	color: #999999;
}
.friendly .path img{
	vertical-align: middle;
}
.friendly .function{
	float: right;
	background-image: url(../images/funbg2.gif);
	background-repeat: no-repeat;
	background-position: right -1px;
	padding-right:5px;	
}
.friendly .function ul{
	margin:0 0 5px 0;
	background-image: url(../images/funbg1.gif);
	background-repeat: no-repeat;
	background-position: -2px -1px;
	padding-left:15px;

}
.friendly .function li{
	padding:0px 2px 0px 0px;
	display:inline;	
	background-image: url(../images/icon_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.friendly .function li a{
	color: #999999;
	font-size: 85%;
}
.friendly .function li a:hover{
	color: #CC3300;
	text-decoration: underline;
}
.friendly .function .print{
	background-image: url(../images/icon_print.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	padding:1px 0 0 15px;
}
.friendly .function .forward{
	background-image: url(../images/icon_forward.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	padding:1px 0 0 18px;	
}
.friendly .function .BM{

}
.friendly .function .back{
	background-image: url(../images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	padding:1px 0 0 18px;
}


.text_red{	color: #CC0000;}
.text_green{color: #009933;}
.text_blue{color: #0066CC;}

.text_Q{
	color: #0066CC;
	font-size: 100%;
	font-weight: bold;
	margin:5px 0 5px 0;
}
.text_A{
	color: #CC3300;
	font-size: 100%;
	font-weight: bold;
	margin:5px 0 5px 0;
}

.btngray{
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/btngray.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding:2px 3px 2px 3px;
	margin:1px;
	height:22px;
	vertical-align:middle;
	border: 1px solid #CCC;
}
.btngreen{
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/btngray.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding:2px 3px 2px 3px;
	margin:0 1px;
	height:22px;
	vertical-align:middle;
	border: 1px solid #CCC;
}
.btn_search{
	color: #ffffff;
	background-color: #FFFFFF;
	background-image: url(../images/btn_search.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding:2px 0px 2px 3px;
	margin:0 1px;
	height:18px;
	vertical-align:middle;
	border: 0px none;
}

.btnCom{
	color: #333333;
	background-image: url(../images/btnCombg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #F1AE54;
	text-align: center;
	padding: 3px 0 0px 0;
	font-size: 11px;
	height:22px;
	vertical-align:middle;
	background-color: #FFFFFF;
}

.btnadd{
	color: #333333;
	background-image: url(../images/btnadd.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 3px 0 0px 0;
	height:22px;
	vertical-align:middle;
	border: 1px solid #66CDFF;
	text-align: center;
	background-color: #FFFFFF;
}
.inputgray, select{
	border: 1px solid #C0C0C0;
	padding:0px;
	color: #333333;
	vertical-align:middle;
	background: #FFFFFF;
}


/*---------------------------------------------float right*/
.floatright{ float:right;}
.floatright img{
	vertical-align: middle;
}
/*---------------------------------------------float left*/
.floatleft{ float:left;}
.floatleft img{
	vertical-align: middle;
}
/*---------------------------------------------quickLink*/
.quickLink{
	margin: 10px auto;
	text-align:right;
	font-size: 85%;	
	clear:both;
	
}
.quickLink ul{
	margin: 0px;
	text-align:right;
	list-style-type: none;
	background-color: #ffffff;
}
.quickLink li{
	display:inline;	
	padding:0 1px;
	background-image: none;
	border:0px none;
	
}
.quickLink a.gotop{
	background-image: url(../images/icon_home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:2px 0 0 17px;
	color: #999999;
}
.quickLink a.back{
	background-image: url(../images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding:2px 0 0 17px;
	color: #999999;
	
}