#main_area
{
	background-image: url('http://mail.rearviewmirror.com.tw/image/demo027/main_bg_r_m.png');
}
#main_area_l
{
	background-image: url('http://mail.rearviewmirror.com.tw/image/demo027/main_bg_r_b.png');
}
#main_side
{
	float: right;
	width: 520px;
	padding: 10px 2px 0 0;
}
#sub_side
{
	float: left;
}

#content
{
	padding-left: 2px;
}
#cat_listc, #pdt_listc
{
	margin-top: 5px;
}
#content .clr
{
	height: 1px;
}
.cat_item, .pdt_item
{
	width: 127px;
	float: left;
	margin-right: 45px;
	padding-top: 10px;
	display: inline;
}
.cat_item a, .pdt_item a
{
	width: 125px;
	height: 125px;
    display: table;
    text-align: center;
	table-layout: fixed;
	border: 1px solid #666;
	background-color: #fff;
}
.cat_item a:hover, .pdt_item a:hover
{
	border: 1px solid #000;
}
.cat_item a span, .pdt_item a span
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 125px;
	height: 125px;
}
.cat_item img, .pdt_item img
{
    max-width: 125px;
    max-height: 125px;
	vertical-align: middle;
}
.cat_item h4, .pdt_item h4
{
	color: #322;
	text-align: center;
	margin-top: 5px;
	font-weight: 400;
}





#content h3
{
	font-size: 16px;
	border-bottom: 1px solid #000;
	line-height: 1.5;
}
/*
.pdt_item
{
	width: 150px;
	text-align: center;
	float: left;
	margin-top: 20px;
}
.pdt_item a
{
	width: 120px;
	height: 120px;
	display: block;
	margin: 0 auto;
	border: 1px solid #ccc;
}
.pdt_item a:hover, .pdt_item a:active
{
	border: 1px solid #000;
}

.pdt_item a span
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 120px;
}
.pdt_item img
{
    max-width: 120px;
    max-height: 120px;
	vertical-align: middle;
}
.pdt_item h4
{
	color: #06a;
	padding-top: 5px;
}
*/