﻿@charset "utf-8";
/* CSS Document */
@import url("layout.css");
@import url("header.css");
@import url("footer.css");
@import url("mp.css");
@import url("left.css");
@import url("right.css");
@import url("cp.css");
@import url("lp.css");
@import url("np.css");
@import url("sp.css");
@import url("form.css");
@import url("search.css");
@import url("sitemap.css");
@import url("scp_ui.css");          /*---------14組特別UI版型使用-----*/ 
@import url("page.css");            /*---------page-----------*/ 
@import url("menu.css");            /*---------靜態選單-----------*/ 
@import url("multimenu.css");       /*---------動態選單-----------*/
@import url("tabpanel1_class.css"); /*---------頁籤-----------*/

.cp, .lp, .np, .qp, .sitemap, .qp, .sp, .fb, .form, .scp{
	margin:0 20px;
	line-height: 20px;
	color: #666666;
	text-align:left;
	clear:both;}


.accesskey {	
	font-size:90%;
	top:128px;
	position:absolute;
}
.accesskey a{color: #FFFFFF; text-decoration:none; }



h2{
	background: url(../images/h2_bg.gif) no-repeat left bottom;
	font-size: 125%;
	padding: 5px 0 5px 12px;
	margin:5px 0 5px 0;
	color: #009900;
	clear:both;
	font-weight: bold;
}
h2 span{
	color: #FFF;
}
h3{
	margin:5px 0px 0px 0px;
	padding: 0px 0 0px 12px;
	clear:both;
	font-size: 105%;
	font-weight: bold;
	color: #006666; 
	background: url(../images/icon_arrow7.gif) no-repeat 0px 3px;
}
h3 span a{
	color: #006666;
}

h4{	
	font-size: 100%;
	clear:both;
	margin:5px 0px 5px 25px;
	font-weight: normal;
}
h5{	
	font-size: 100%;
	margin:5px 0px 5px 25px;
	font-weight: normal;
	font-weight: normal;
}

a{
	color: #016cb0;
	text-decoration: none; /*underline;*/
	line-height: 25px;
}
a:hover{
	color: #CC0000;
	
}

.blockquote{
	color: #996600;
	line-height: 20px;
	margin:5px 10px 0 10px;
	clear:both;
}

.date{
	color:#999900;
	font-size:100%;
	margin-left:3px; 
}

.more{	
	float:right;		
	margin:5px 0 0px 0;
	padding:0px;
	clear:both;
}
.more a{
	font-size: 80%;
	color: #555555;
	background-image: url(../images/icon_more.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-align:right;
	display:block;
	margin:0px 0;
	padding:0px 0px 2px 12px;	
}
html>body .more a{font-size: 90%;}
*+ html>body .more a{font-size: 80%;}
/*
.leftimg {
	padding:0px 0 5px 4px;
	display:block;		
	background-image: url(../images/morebg_left.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	
}
*/
.btn_survey{
	background: url(../images/btn_survey1.gif) no-repeat 0px 0px;
	height: 24px;
	width: 90px;
	border-width: 0px;
}
.btn_center{
	text-align:center;
	clear:both;
	color: #FFFFFF;
	margin:5px 0;
}
.btn_go{
	border:none;
	width:45px;
	margin:0 3px;
	background: url(../images/btn_go.gif) no-repeat 0px 0px;
	padding:4px 0 2px 12px;
	font-size: 85%;
	vertical-align: middle;
	color: #FF6600;
}
.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 0px;
	padding: 0 0px 0px 22px;
	margin:15px 0 0px 0px;
	color: #339900;
}

.friendly .path a{
	color: #999999;
	padding:0 2px;
}
.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 3px;
	display:inline;
	
	background-image: url(../images/icon_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.friendly .function li a{color: #999999;}
.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 0px;
	padding-left: 15px;
}
.friendly .function .forward{
	background-image: url(../images/icon_forward.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
}
.friendly .function .BM{
	background-image: url(../images/icon_BM.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}
.friendly .function .back{
	background-image: url(../images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}
/*---------------------------------------------quickLink*/
.quickLink{
	margin: 0px 0;
	text-align:right;
	clear:both;
	
}
.quickLink ul{
	margin: 0px;
	padding:0px;
	text-align:right;
	list-style-type: none;
	background-color: #ffffff;
}
.quickLink li{
	display:inline;	
	padding:0px;
	margin:0 5px;
	background-image: none;
	border:0px none;

}
.quickLink li a.gotop{
	background-image: url(../images/icon_gotop.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 17px;
	color: #999999;
}
.quickLink li a.back{
	background-image: url(../images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 15px;
	color: #999999;
}


.text_red{	color: #CC0000;}
.text_green{color: #009933;}
.text_blue{color: #0066CC;}

/*---------------------------------------------float right*/
.floatright{ float:right;}
.floatright2{ float:right; margin:-22px 0 0; position: relative;}
.floatright img{
	vertical-align: middle;
}
/*---------------------------------------------float left*/
.floatleft{ float:left;}
.floatleft img{
	vertical-align: middle;
}


.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:0px;
	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;
}

.btnCom, .btn{
	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 2px 0px 2px;
	font-size: 11px;
	height:22px;
	vertical-align: middle;
	*vertical-align:0px;
	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{
	border: 1px solid #CCCCCC;
	padding:2px 3px 2px 3px;
	color: #999;
	vertical-align:middle;
	background: #FFF;
}



/*---------------------------------------------共用設定quickLink-----*/


.np .quickLink ul, .sitemap .quickLink ul, .sp .quickLink ul,{ border:none;}
.np .quickLink li, .sitemap .quickLink li, .sp .quickLink li{ margin:0 5px;}
.np .quickLink li a, .sitemap .quickLink li a, .sp .quickLink li a{
	font-size: 100%;
	font-weight: normal;
}



