@charset "utf-8";
body {
	font: 13px/1.6em Verdana, Lucida, Arial, Helvetica, KBC,sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ ?��?/標籤?��???~~ */
ul, ol, dl { /* ?�於?�覽?��??��?差異，�?佳�?法是?��??�中使用?�寬度�?欄�??��??��??�。為了�??��??��??�可以在?�裡?��??�要�??��??�在清單?�含?��??��???(LI?�DT?�DD) 上�?定�?要�??�。�?記�?，除?�您寫入較為?��??�選?�器，否?�在此執行�?作業將�??�顯示到 .nav 清單??*/
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 移除上方?��??�以�?��?��??�能從其?�含??Div ?�出?��?題。剩餘�?下方?��??�以保�? Div 不�??�在後面?��?素接觸�?*/
	padding-right: 15px;
	padding-left: 15px; /* 將�?位�??��??�至 Div ?��?素�??�側 (?��???Div ?�身)，即?��??�?��?任�??��?模�??��?算�?業。具?�側?��?位�??��?巢�? Div 也可?��??�代?��???*/
}
a img { /* ?�個選?�器?�移?��?些瀏覽?�在影�??��???�?��??��?影�??��??�顯示?��?設�??��?�?*/
	border: none;
}
/* ~~ 網�?????�樣式設定�??��??�此?��?，�??�建立�???(Hover) ?��??�選?�器群�??�內?�~~ */
a:link {
	color: #0076a3;
	text-decoration: none; /* ?��??��?設�??�常?�特?��??�??，否?��?好�?供�?線�?以便快速�???*/
}
a:visited {
	color: #a84200;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* ?�個選?�器群�??�以讓使?�鍵?��?覽�?使用?��?也�?使用滑�??�使?�者�?�???�相?��?滑�?體�???*/
	text-decoration: underline;
	color: #eb6b1d;
}

/* ~~ ?�個固定寬度�?容器?��??��??�其他�?�?~~ */
.container {
	width: 975px;
	background: #FFF;
	margin: 0 auto; /* ?�側?�自?�值�?寬度結�?後�??�面便�?置中對�? */
}

/* ~~ ?�是?�面資�??�~~ 

1) 欄�??��??��?置於 Div ?��?端�?底部?�此 Div ?��??��??�兩?��??��?位�??��??��??��??�?��??�方塊模?��?算」。�?記�?，�??��? Div ?�身?�入任�??��??��?位�??��??��?，在計�??�總?�寬度�?，就?��??��??�入?��?義�?寬度?�您也可以選?�移??Div 中�?素�?欄�??��?，然後在?�中?�置沒�?寬度?�第二�?Div，並依設計�??�?�置欄�??��???

*/
.content {

	padding: 10px 0;
}

/* ~~ ?��? float/clear 類別 ~~ */
.fltrt {  /* ?�個�??�可?��?讓�?素在?�面中浮?��?浮�??��?素�??��??��??��??�鄰?��?素�??��?*/
	float: right;
	margin-left: 8px;
}
.fltlft { /* ?�個�??�可?��?讓�?素在?�面左方浮�?，浮?��??��?必�?位於?�面上相?��??��?之�???*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* ?�個�??�可?�置??<br /> ?�空?��? Div 上�??��??�在 #container ?��?後�??�浮??Div 後方?��?後�??��?�?(如�?已移??.container 上�? overflow:hidden) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.TD-646 {
	width: 646px;
	vertical-align: top;
}
.TD-a {
	width: 317px;
	vertical-align: top;
}

.Name {
	float: left;
}

.Channel {
	text-align: right;
	float: right;
}
.Channel iframe {
	width : 750px;   /*Chrome*/
	*width : 720px;  /*IE8*/
	_width : 710px;  /*IE6*/
}


.FB {
	margin-top: 6px;
	width:100%;
	height:20px;
	clear:left;
}

.TitlePic {
	margin-top: 6px;
	margin-bottom: 12px;
}

.Tab-a {
	text-align: center;
}

.Tab-a ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width : 317px;
}

.Tab-a ul li {
	float: left;
	background-image: url(/Topics/Energy/images/Tab-a.png);
	background-repeat: repeat-x;
	*width : 105px;
}

.Tab-a ul li a:link {
	color: #000;
	text-decoration: none;
	padding: 0px 21px 0px 23px;
	*padding: 0px;
	display: inline-block;
	
}

.Tab-a ul li a:hover {	
	color: #008cd6;
}
.Tab-a ul .TagOn {
	background-image: url(/Topics/Energy/images/Tab-a-r.png);	
	background-repeat: repeat-x;
	color: #008cd6;
}

.Tab-Line {
	border-left: 1px #cccccc solid;
}

.Tab-a-TB {
	border: 1px #cccccc solid;
	width: 100%;
}

.Tab-Table {
	width: 100%;
	background-color: #82c1ea;
}

.Tab-Table-evenodd {
	background-color: #b8e3ff;
}

.Tab-Table td {
	padding: 6px 7px 2px 7px;
}

.News-a {
}

.News-a a:link {
	color: #01315a;
}

.News-a a:hover {
	color: #eb6b1d;
}

.News-a-HD {
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
}

.News-a-Data {
	padding-top: 5px;
}

.News-RealTime {
	margin-top: 4px;
	line-height: 24px;
}

.News-RealTime ul {
	list-style: disc;
	padding-left: 23px;
}

.News-RealTime ul li {
}

.SubHD-a {
	width: 300px;
	font-size: 15px;
	background-image: url(images/SubHD-a.png);
	background-repeat: repeat-x;
	padding: 6px 0px 0px 15px;
	color: #005da7;
	font-weight: bold;
}

.SubHD-b {
	width: 631px;
	font-size: 15px;
	background-image: url(images/SubHD-a.png);
	background-repeat: repeat-x;
	padding: 6px 0px 0px 15px;
	color: #005da7;
	font-weight: bold;
}

.SubHD-c {
	width: 960px;
	font-size: 15px;
	background-image: url(images/SubHD-a.png);
	background-repeat: repeat-x;
	padding: 6px 0px 0px 15px;
	color: #005da7;
	font-weight: bold;
}

.SSHD-a {
	color: #8a8000;
}

.mTop-a {
	margin-top: 10px;
}

.mTop-b {
	margin-top: 5px;
}

.Table-a {	
	width: 90%;
	*width: 330px;
}

.Table-a td {
	padding: 1px 4px 1px 4px;
}

.Table-b {
	border-collapse: collapse;
	width: 99%;
}

.Table-b-Item {
	background-image: url(images/Item-a.png);
	background-repeat: repeat-x;
	border-bottom: 1px dotted #999;
	font-weight: bold;
}

.Td-dott {
	border-bottom: 1px dotted #999;
}

.Table-b td {
	padding: 4px 3px 0px 3px;
}

.Even-odd-a {
	background-color: #efede5;
}

.align-R {
	text-align: right;
}

.align-L {
	text-align: left;
}

.align-C {
	text-align: center;
}

.Info {
	text-align: right;
	color: #999;
}

.Photo-a {
	margin-right: 5px;
	float: left;
	margin-bottom: 30px;
}

.Photo-Hot {
	text-align: center;
}

.Photo-a-data {
}

.List-a {
	margin-top: 4px;
	line-height: 21px;
}

.List-a ul {
	list-style: disc;
	padding-left: 23px;
}

.List-a ul li {
}

.List-a-HD {
	font-size: 15px;
	font-weight: bold;
	padding-top: 1px;
}

.Arrow-R {
	color: #C00;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
}

.Arrow-R-text {
	color: #C00;	
}
.Arrow-G {
	color: #060;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
}
.Arrow-G-text {
	color: #060;	
}

.FBLine{
	padding-top:5px;
	clear:both;
	display:inline-block;	
	width:100%;
}
.push-GPlus{
	color: #000000;
	text-align: left;
	padding-left:0px;	
	position:relative;
	float:left;
}
.push-Like{
	color: #000000;
	text-align: left;	
	/*padding-top:3px;*/		
	position:relative;
	float:left;
}

.push-Top {
	color: #000000;
	text-align: right;
	/*margin-top:-10px;*/
	padding-right:10px;
	position:relative;
	float:right;
	height:25px;
}
.publish-date {
	text-align: right;
	float:right;
	position:relative;
}
.NewsTime {
	color:#999;
	font-size:11px;
}