@charset "utf-8";
/* 最新消息 news.css */

.content{ z-index: 0;}
/* 標題 */
/* content  內容範圍 */
.content{ }

/* 外框線 */
.content .Border { padding: 5px; border: #CCCCCC 1px solid; background: #FFF;}


/* h1  標題 */
.content h1{ width: 695px; margin: 10px 0;}

/* .subNav 次選單 */
.Left_SubMenu{ width: 172px; margin: 0 auto 10px auto; padding: 7px 0 0 0;}

.Left_SubMenu li{ margin: 3px 0 3px 0;}

/* news 最新消息 背景 */
.content .news{ width:680px; margin: 0 0 0 0;  position: relative; word-wrap: break-word;}
.content .news .top{ display: block; width: 685px; height: 10px; margin: 0; padding: 0; background: url(../../images/css/content_news_bgTop.png) bottom left no-repeat;}
.content .news .center{ display: block; width: 647px; margin: 0; background: url(../../images/css/content_news_bgCenter.png) top left repeat-y; padding: 10px 18px 5px 15px;}
.content .news .bottom{ display: block; width: 685px; height: 10px;  margin: 0; padding: 0; background: url(../../images/css/content_news_bgBottom.png) top left no-repeat; clear: both;}

/* newsList  Section分段內容 */
	.content .news .Section{ width: 650px; margin: 0 auto 10px auto; height: 215px; background: url(../../images/css/content_newsList_bgCont.png) top right no-repeat; display: block; position: relative;}
	.content .news .Section .photo{ width: 340px; height: 206px; display: block; background: url(../../images/css/content_newsList_bgPhoto.png) no-repeat top left; padding: 4px 0 0 4px;}
	.content .news .Section h1{ display: block; width: 280px; line-height: 50px; height: 50px; font-size: 16px; font-weight: bold; color: #000; position: absolute; top: 0; right: 25px; letter-spacing: 1px; overflow: hidden;}
	.content .news .Section p a{ display: block; width: 270px; height: 100px; font-size: 13px; color: #FFF; position: absolute; bottom: 40px; right: 35px; letter-spacing: 2px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; line-height: 20px;}
	.content .news .Section p a:hover{ text-decoration: underline;}
	
	.content .news .Section .more{ width: 50px; height: 15px; display: block; background: url(../../images/css/content_newsList_BtnMore_MouseOut.png) top left no-repeat; position: absolute; bottom: 18px; right: 25px;}
	.content .news .Section .more:hover{ background: url(../../images/css/content_newsList_BtnMore_MouseOver.png) top left no-repeat;}
	
	/*  分頁  */
	.pagination { overflow: hidden; font-size: 9pt; padding: 3px; margin: 3px;	text-align:center;}
	.pagination ul { list-style: none; padding: 0; line-height: 30px; width: 640px; height: 30px; background:url(../../images/css/pagination_bg.png) top center no-repeat;}
	.pagination li { display: inline;}
	
	.pagination a{ padding: 5px 10px 5px 9px;  margin: 1px 5px; text-decoration: none; color: #000; background:url(../../images/css/pagination_bgItem.png) top left no-repeat;}
	
	.pagination a:hover, .pagination a:active{ background:url(../../images/css/pagination_bgCurrent.png) top left no-repeat; }
	
	/* 分頁 / 上一頁 */
	.pagination .prev1{font-size: 12px; padding: 5px 10px 5px 9px;  margin: 1px 5px;  color: #000; background:url(../../images/css/pagination_PrevMouseOut.png) top left no-repeat; display: inline; }
	.pagination .prev1:hover{ font-size: 12px;background:url(../../images/css/pagination_PrevMouseOver.png) top left no-repeat;}
	
	/* 分頁 / 下一頁 */
	.pagination .next1{font-size: 12px; padding: 5px 10px 5px 9px;  margin: 1px 5px; text-decoration: none; color: #000; background:url(../../images/css/pagination_NextMouseOut.png) top left no-repeat; display: inline; }
	.pagination .next1:hover{ font-size: 12px; background:url(../../images/css/pagination_NextMouseOver.png) top left no-repeat;}
	
	/* 作用中 */
	.pagination .current { font-weight: bold; background:url(../../images/css/pagination_bgCurrent.png) top left no-repeat; color: #444;}

/* newsPage  內容 */
	.content .news .Title{ display: block; width: 665px; height: 65px; line-height: 60px; margin: 0px 0 0 -10px; padding: 0 0 0 10px; background: url(../../images/css/content_newsPage_bgTitle.png) top left no-repeat; font-size: 20px; font-weight: bold; color: #000; letter-spacing: 1px; }
	.content .news .Page{ width: 640px; margin: 10px auto 5px auto; display: block; background:  #FFF; }
	.content .news .Page .Photo{ width: 620px; display: block; margin: 0 auto; padding: 12px 10px 0px 10px;}
	.content .news .Page .Photo img{ z-index: -1;}
	.content .news .Page .PhotoMenu{ width: 620px; margin: 5px auto 0 auto; display: block; z-index: 2; position: relative ; bottom:0px;}
	.content .news .Page .PhotoMenu ul{ width: 620px; overflow: hidden; z-index: 2;  background: url(../../images/css/content__bgMenu.png);}
	.content .news .Page .PhotoMenu li { float: right; margin: 5px; padding: 0; border: #333 1px solid;}
	.content .news .Page .PhotoMenu li:hover{ border: #fff 1px solid; }
	.content .news .Page img{ margin: 0 0 -5px 0; padding: 0; }

	.content .news .Page .Text{width: 600px; margin: 15px auto 10px auto;  font-size: 15px; color: #333;}
	.content .news .Page .Text p, .content .news .Page .Text ul, .content .news .Page .Text li, .content , .content .news .Page .Text blockquote{ font-size: 15px; line-height: 24px; padding: 0 0 5px 0;}
	.news .Page .Text ol{ list-style:decimal outside; margin: 0 10px 0 20px;}
	.news .Page .Text ul{ list-style: disc outside; margin: 0 10px 0 20px;}
	
	.content .news .Page .PageBottomMenu{ width: 620px; margin: 0 auto 0 auto; position: relative; display: block; height: 35px;}
	.content .news .Page .PageBottomMenu .prev1{ font-size: 12px; width: 43px; height: 17px; display: block; background: url(../../images/css/content_newsPage_ArrowLeft.png) no-repeat left top; position: absolute; left: 0; top: 3px; padding: 0 0 0 15px; line-height: 19px; color: #555; }
	.content .news .Page .PageBottomMenu .prev1:hover{ color: #000;}
	.content .news .Page .PageBottomMenu .next1{ font-size: 12px; width: 40px; height: 17px; display: block; background: url(../../images/css/content_newsPage_ArrowRight.png) no-repeat right top; position: absolute; right: 0; top: 3px;padding: 0 13px 0 0; line-height: 22px; color: #555; }
	.content .news .Page .PageBottomMenu .next1:hover{ color: #000;}
	.content .news .Page .PageBottomMenu .BtnBack{ width: 87px; height: 23px; display: block; background: url(../../images/css/content_BtnBack_MouseOut.png) no-repeat left top; position: absolute; right: 65px; top:0px;}
	.content .news .Page .PageBottomMenu .BtnBack:hover{ background: url(../../images/css/content_BtnBack_MouseOver.png) no-repeat left top; }