#main_area
{
}





#content
{
	border-bottom: 1px solid #ddd;
	padding-left: 2px;
}
#content .c_title
{
	padding-bottom: 10px;
}
#content p
{
	margin-bottom: 10px;
}

#news_list .c_title, #hot_pdt .c_title
{
	background: url('http://mail.rearviewmirror.com.tw/image/demo027/c_title_icon_i.png') no-repeat 2px 3px;
	line-height: 21px;
	padding: 0 0 5px 20px;
}

#news_list
{
	float: right;
	width: 230px;
	padding: 10px 0 0 20px;
}
#news_list ul
{
	list-style-type: none;
}
#news_list li
{
	background: url('http://mail.rearviewmirror.com.tw/image/demo027/news_list_icon.png') no-repeat 2px 8px;
	padding: 5px 20px;
}
#news_list a
{
	line-height: 17px;
	color: #322;
}

#hot_pdt
{
	float: left;
	padding-top: 10px;
	width: 279px;
	border-right: 1px solid #ddd;
}
#hot_pdt div
{
	float: left;
	padding: 0 0 10px 20px;
}

#hot_pdt a
{
	width: 105px;
	height: 80px;
    display: table;
    text-align: center;
	table-layout: fixed;
	border: 2px solid #999;
	background-color: #fff;
}
#hot_pdt a span
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 105px;
	height: 80px;
}
#hot_pdt img
{
    max-width: 105px;
    max-height: 80px;
	vertical-align: middle;
}
#hot_pdt h4
{
	position: absolute;
	left: 0;
	top: 150px;
	line-height: 30px;
	color: #fff;
	width: 161px;
	padding: 0 8px;
}
#hot_pdt h4.t_long
{
	line-height: 14px;
	padding: 1px 8px;
}