@charset "utf-8";
/*-----------------------------------------------
Name:     2009框體公司網站-消息與事件-css
Designer: Tina
Date:     2009-11-17
----------------------------------------------- */


/*右邊內容區塊*/
/*主要內容*/
#main
{
	width:760px;
	margin:0;
	padding:0; 
	position:relative;
}
#main h2{ 
           margin:5px 45px; 
           line-height:130%; 
           font-size:170%;
           color:#444444;
           font-weight:bold;
           }

	#main span.icon01-r, #main span.icon02-r, #main span.icon03-r, #main span.icon01, #main span.icon02, #main span.icon03
	{
	color:#ffffff;
	font-size:11px;
	line-height:120%;/**/
	width:37px;
	height:20px;
	display:inline;
	margin-right:3px;
		}
	#main span.icon01-r	{	background:url(../images/news_icon_01-r1.gif) no-repeat;	padding:3px 0px 0 4px;		}
	#main span.icon02-r	{	background:url(../images/news_icon_02-r1.gif) no-repeat;	padding:3px 0px 0 4px;		}
	#main span.icon03-r	{	background:url(../images/news_icon_03-r1.gif) no-repeat;	padding:3px 0px 0 4px;		}
	#main span.icon01	{	background:url(../images/news_icon_01.gif) no-repeat;	padding:3px 7px 0 4px;	}
	#main span.icon02	{	background:url(../images/news_icon_02.gif) no-repeat;	padding:3px 7px 0 4px;	}
	#main span.icon03	{	background:url(../images/news_icon_03.gif) no-repeat;	padding:3px 7px 0 4px;	}
	

/*消息與事件*/
#info_news{ 
	margin-right:35px;
	margin-left:40px;
	margin-top:30px;
	margin-bottom:30px;
	width:690px;
	height:355px;
	border-top:1px solid #d03737;
	border-bottom:1px solid #d03737;
	position:relative;
	overflow:hidden;
	z-index:1;
	cursor: move;
}
#info_news .ctrldate{
	width:35px;
	height:355px;
	z-index:200;
	position:absolute;
	cursor:pointer;
	display: none;
}

#info_news dl{
	position:absolute;
	top:0px;
	display:block;
	width:260px;
	height:92%;
	padding:5px 0;
}
	#info_news dl dt{ 
	position:absolute;
	bottom:-15px;
	left:0;
	display:block;
	width:100%;
	height:20px;
	padding:5px 10px 0;
	color:#333333; 
	font-size:100%;
	background:url(../images/topbar_line.gif) no-repeat 0 0 #fff;
	}
	#info_news dl dt span.sunday{ color:#af1119;} 
	#info_news dl dd{ 
		margin:5px 23px;
	}

	#info_news dl dd.news_cnt
	{
		background-color:#fff;
		color:#999999;
		padding:5px;
		display:block;
		width:210px;
		font-size:90%;
	}
	#info_news dl dd.news_cnt h4
	{
		font-size:100%;
		line-height:120%;
	}
	#info_news dl dd.news_cnt img
	{
		border:1px solid #eeeeee;
		margin-right:5px;
	}

	#main .h3img_news{ 
		position:absolute; 
		top:60px; 
		right:50px;
		color:#333333;
		height:35px;
		width:180px;
	}
	#main .h3img_news #news_year_month{ 
		font-size:300%;
		height:33px;
		margin:0px 5px 0 0;
		padding-top:5px;
		float:left;
	}
	#main .h3img_news #news_year_month #news_arrow{ 
		vertical-align:top;
		height:33px;
		width:20px;
		margin:0 0 5px 0;
		float:left;
	}
/*消息與事件-詳細內容*/
.info_news_view{ 
	margin:20px;
	margin-bottom:40px;
}

	/*#info_news_view .h3img{ 
		position:absolute; 
		z-index:10;
		top:73px; 
		right:50px;
		font-size:200%;
	}

	#info_news_view .h3img_left{ 
		position:absolute; 
		z-index:10;
		top:73px; 
		left:275px;
		font-size:200%;
	}*/

	.info_news_view h4 {
	font-size:120%;
	margin-top:7px;
	color:#000000;	
	}
	
	.info_news_view h5{
	font-size:100%;
	color:#b17274;
	margin-bottom:10px;
	}

	.view_main_pict
	{
	float:left;
	width:350px;
	text-align:center;
	}
		.view_main_pict p
		{
		max-width:350px;
		width:350px;
		background:#eaeaea;
		text-align:center;
		}
	.view_main_con
	{
	float:right;
	width:370px;
	overflow:auto;
	padding:0 10px 5px;
	}

/*===s2含控制設定===*/
.info_news_view .cover{
	z-index:1;
	width:340px;
	position:relative;
	height:250px;
	text-align:center;
	margin-top:30px;
}

.info_news_view .pics{
	z-index:2;
	width:340px;
	text-align:center;
	position:relative;
}
.info_news_view .pics img{
	text-align:center;
	padding:5px;
}
.info_news_view .arrow{
	width:50px;
	font-size:6pt;
	text-align:right;
	bottom:0;
	right:15;
	position:absolute;
}
.info_news_view .arrow a{
	text-align:center;
	margin-top:0px;
	width:15px;
	height:16px;
	text-decoration:none;
	display:inline-block;
}
.outputs2{
	position:absolute;
	bottom:5;
	left:10;
}