﻿.NewsList li a {
	display: block;
	padding: 15px 110px 0px 0px;
	background: url(../images/MoreBTN_001.jpg) no-repeat right 50%;
	/*margin-bottom: 15px;*/
	border-bottom: 1px solid #d9d9d9;
	*min-height: 30px;
}
.NewsList li a .Date {
	color: #038c00;
	margin-bottom: 5px;
	display: block;
}
.NewsList li a h3.Topic {
	color: #434343;
	font-size: 18px;
	margin-bottom: 15px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	line-height: 150%;
}
.NewsList li a:hover h3.Topic, .NewsList li a:visited h3.Topic {
	color: #038c00;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
.NewsList li a p.Thumbs {
	color: #7c7c7c;
	margin-bottom: 15px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
}
.NewsList li a:hover p.Thumbs {
	color: #5a5a5a;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}

.NewsListImage li {
	/*cursor: pointer;
	display: block;*/
}
.NewsListImage li a {
	display: block;
	padding: 15px 110px 0px 170px;
	background: url(../images/MoreBTN_001.jpg) no-repeat right 50%;
	/*margin-bottom: 15px;*/
	border-bottom: 1px solid #d9d9d9;
	position: relative;	
	min-height: 120px;
}
.NewsListImage li a .ThumbImg {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 150px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	padding: 1px;
}
.NewsListImage li a .ThumbImg td {
	width: 150px;
	height: 100px;
	text-align: center;
	background: #e9e9e9;
}
.NewsListImage li a .ThumbImg td div {
	width: 150px;
}
.NewsListImage li a .ThumbImg img {
	background: #ffffff;
	transition:opacity 1s linear;
	max-width: 150px;
	max-height: 100px;
	height: auto;
	width: auto;
}
.NewsListImage li a:hover .ThumbImg img {	
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition:opacity 0.5s linear;
}
.NewsListImage li a .Date {
	color: #038c00;
	margin-bottom: 5px;
	display: block;
}
.NewsListImage li a h3.Topic {
	color: #434343;
	font-size: 130%;/*18px*/
	margin-bottom: 10px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	line-height: 150%;
}
.NewsListImage li a:hover h3.Topic, .NewsListImage li a:visited h3.Topic {
	color: #038c00;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
.NewsListImage li a p.Thumbs {
	color: #7c7c7c;
	margin-bottom: 15px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
}
.NewsListImage li a:hover p.Thumbs {
	color: #5a5a5a;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}

.NewsHeadContainer {
	margin-bottom: 15px;
}


.NewsHead {
	
}
.NewsHeadContainer .NewsHeadL a {
	margin: 0px 15px 15px 0px;
	width: 445px;
	float: left;
}
.NewsHeadContainer .NewsHeadL a .Img {
	width: 445px;
	background: #e9e9e9;
}
.NewsHeadContainer .NewsHeadL a .Img td {
	width: 445px;
	height: 297px;
	text-align: center;
}
.NewsHeadContainer .NewsHeadL a .Img img {	
	width: auto;
	height: auto;
	max-width: 445px;
	max-height: 100%;
	transition:opacity 1s linear;
	width: 445px \9;
}
.NewsHeadContainer .NewsHeadL a:hover .Img img {	
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition:opacity 0.5s linear;
}
.NewsHeadContainer .NewsHeadL a .Txt {	
	padding: 10px;
	-webkit-transition: background-color 2000ms linear;
	-moz-transition: background-color 2000ms linear;
	-o-transition: background-color 2000ms linear;
	-ms-transition: background-color 2000ms linear;
	transition: background-color 2000ms linear;
}
.NewsHeadContainer .NewsHeadL a:hover .Txt {	
	background: #f5f5f5;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.NewsHeadContainer .NewsHeadL a .Txt .Date {	
	color: #038c00;
	margin-bottom: 5px;
	display: block;
}
.NewsHeadContainer .NewsHeadL a .Txt .Topic {	
	color: #434343;
	font-size: 130%;/*18px*/
	margin-bottom: 10px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	line-height: 150%;
}
.NewsHeadContainer .NewsHeadL a:hover .Txt .Topic {	
	color: #038c00;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
.NewsHeadContainer .NewsHeadL a .Txt .Thumbs {	
	color: #7c7c7c;
	/*margin-bottom: 15px;*/
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
}
.NewsHeadContainer .NewsHeadL a:hover .Txt .Thumbs {	
	color: #5a5a5a;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
.NewsHeadContainer .NewsHeadS {	
	width: 220px;
	float: left;
}
.NewsHeadContainer .NewsHeadS .Img {	
	width: 220px;
	background: #e9e9e9;
}
.NewsHeadContainer .NewsHeadS .Img td {	
	width: 220px;
	height: 147px;
	background: #e9e9e9;
	text-align: center;
}
.NewsHeadContainer .NewsHeadS .Img img {	
	width: auto;
	height: auto;
	max-width: 220px;
	max-height: 100%;
	transition:opacity 1s linear;
	width: 220px \9;
}
.NewsHeadContainer .NewsHeadS a:hover .Img img {	
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition:opacity 0.5s linear;
}
.NewsHeadContainer .NewsHeadS a .Txt {	
	padding: 8px 10px;
	-webkit-transition: background-color 2000ms linear;
	-moz-transition: background-color 2000ms linear;
	-o-transition: background-color 2000ms linear;
	-ms-transition: background-color 2000ms linear;
	transition: background-color 2000ms linear;
}
.NewsHeadContainer .NewsHeadS a:hover .Txt {	
	background: #f5f5f5;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.NewsHeadContainer .NewsHeadS a .Txt .Date {	
	color: #038c00;
	margin-bottom: 5px;
	display: block;
}
.NewsHeadContainer .NewsHeadS a .Txt .Topic {	
	color: #434343;
	font-size: 105%;/*15px*/
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	line-height: 150%;
}
.NewsHeadContainer .NewsHeadS a:hover .Txt .Topic {	
	color: #038c00;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}

/******相關連結******/
#LinksPage {
	
}
#LinksPage li {
	clear: both;
}
#LinksPage li a {
	min-height: 120px;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 20px;
}
#LinksPage li a dl dt {
	float: left;
	width: 500px;
}
#LinksPage li a dl dt p.URL {
	color: #038c00;
	margin-bottom: 5px !important;
	display: block;
}
#LinksPage li a dl dt  p.Topic {
	color: #434343;
	font-size: 130%;
	margin-bottom: 10px;
	transition: color; /*for the future*/
	transition-duration: 2000ms;
	-webkit-transition: color; 
	-webkit-transition-duration: 2000ms;
	-moz-transition: color; 
	-moz-transition-duration: 2000ms;
	-o-transition: color; 
	-o-transition-duration: 2000ms;
	line-height: 150%;
	display: block;
	font-weight: 700;
	margin-bottom: 5px !important;
}
#LinksPage li a:hover p.Topic, #LinksPage li a:visited p.Topic {
	color: #038c00;
	transition: color;
	transition-duration: 300ms;
	-webkit-transition: color;
	-webkit-transition-duration: 300ms;
	-moz-transition: color;
	-moz-transition-duration: 300ms;
	-o-transition: color;
	-o-transition-duration: 300ms;
}
#LinksPage li a dl dt  p.Topic i.btn_link {
	font-style: normal;
	display: inline-block;
	padding: 1px 15px;
	background: #038c00;
	color: #ffffff;
	font-size: 12px;
	line-height: 160%;
	position: relative;
	top: -4px;
	margin-left: 5px;
}
#LinksPage li a .ThumbImg {
	width: 150px;
	background: #ffffff;
	border: 1px solid #eeeeee;
	padding: 1px;
	float: right;
}
#LinksPage li a .ThumbImg td {
	width: 150px;
	height: 100px;
	text-align: center;
	background: #e9e9e9;
}
#LinksPage li a .ThumbImg img {
	background: #ffffff;
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 100%;
	transition:opacity 1s linear;
}
#LinksPage li a:hover .ThumbImg img {	
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition:opacity 0.5s linear;
}
/******相關連結 END******/

/******相關連結-2******/
#LinksPage-2 {
	
}
#LinksPage-2 th {
	font-weight: 400;
	padding: 12px 0;
	background: #f2f1f1;
	position: relative;
	color: #666;
	text-align: center;
	font-size: 15px;
}
#LinksPage-2 th span {
	float: right;
}
#LinksPage-2 td {
	padding: 15px;
	border-bottom: 1px solid #ddd;
	color: #373737;
	text-align: center;
}
#LinksPage-2 td.align_l {
	text-align: left;
	padding: 15px 20px;
	vertical-align: top;
}
#LinksPage-2 tr.odd td {
	background: #f8f8f8;
}
#LinksPage-2 .group {
	padding: 0 0 10px 0;
	position: relative;
	min-height: 105px;
	text-align: left;
	color: #666;
}
#LinksPage-2 .group b {
	color: #373737;
	display: block;
	font-size: 15px;
}
#LinksPage-2 .group .btn_link {
	margin: 10px 0 0;
	display: inline-block;
	padding: 1px 15px;
	background: #038c00;
	color: #ffffff;
	font-size: 12px;
}
/******相關連結-2 END******/