@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif ,"細明體";
	color:#333;
	font-size:12px;
	margin:0;
	line-height:20px;
	background:#FEFBF5;
}
p{text-indent:24px;}

#all{
	width:820px;
	margin:0 auto;
}

/*top style*/
#top{
	width:820px;
	float:left;
}
#top_pic{
	width:820px;
	float:left;
}
#top_pic img{
	display:block;
}

/*nav style*/
#nav{
	width:820px;
	float:left;
	background:url(../images/nav_light.jpg) no-repeat right #101010;
	height:35px;
	overflow:hidden;
}
#nav ul{
	margin:0;
	padding:9px 0 0 13px;
}
#nav ul li{
	float:left;
	list-style:none;
	padding:0 10px;
}
#nav ul li a{
	text-decoration:none;
	color:#FFF;
	display:block;
	padding-bottom:4px;
}	
#nav ul li a:hover{
	border-bottom:2px solid #5BB952;
}

/*warp style*/
#warp{
	width:820px;
	float:left;
	padding-top:25px;
	background:#F6EFDF;
}

#left{
	width:205px;
	float:left;
}
.left_box{
	width:197px;
	float:left;
	overflow:hidden;
	padding-bottom:20px;
}
.left_box img{
	border:0;
}
.box_title{
	width:197px;
	float:left;
}
.td_pad{
	padding:2px 0 0 7px;
	color:#FFF;
	font-weight:bold;
	
}
.td_pad img{
	margin-bottom:-2px;
	padding-right:5px;
}
.box_bottom{
	background:url(../images/box_bottom_bg.gif) no-repeat bottom #FFF;
	float:left;
	width:177px;
	padding:5px 10px;
}
.box_bottom ul{
	margin:0;
	padding:0;
}
.box_bottom ul li{
	list-style:none;
}
.box_bottom ul li img{
	border:0;
	margin-bottom:-1px;
}
.box_bottom ul li a{
	color:#333;
	text-decoration:none;
}
.box_bottom ul li a:hover{
	color:#000;
}
.box_bottom #more{
	float:left;
	text-align:right;
	width:177px;
	padding-top:5px;
}
.box_bottom #more img{
	border:0;
}

/*center style*/
#center{
	width:410px;
	float:left;
}
.roll_pic{
	width:410px;
	float:left;
}
#roll_pic_box{
	width:410px;
	float:left;
	background:url(../images/roll_box_bg.gif) repeat-y;
	text-align:center;
	padding:5px 0 3px 0;
}
#roll_pic_box img{
	padding:1px;
	border:1px solid #CCC;
}
#num_of_sort{
	display:none;
	background:#FFF;
	position:absolute;
	FILTER:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	color:#FF3300;
	width:40px;
	font-weight:bold;
	margin:-22px 0 0 345px;
	*margin:-22px 0 0 140px;
	text-align:center; 
}
#roll_pic_list{
	width:364px;
	float:left;
	background:url(../images/roll_list_bg.gif) no-repeat;
	height:90px;
	padding:0 23px;
}
#roll_list{
	width:364px;
	overflow:hidden;
	white-space:nowrap;
	float:left;
}	
#roll_list img{
	padding:1px;
	border:1px solid #CCC;
	cursor:pointer;
}
#roll_list table td{
	padding-top:7px;
	width:85px;
	padding-right:8px;
}
.active_box{
	background:url(../images/active_arrow.gif) no-repeat;
	background-position:39px top;
}

/*right style*/
#right{
	width:205px;
	float:left;
	line-height:18px;
}
.right_box{
	padding-left:8px;
}
.box_title .r_td_pad{
	padding:2px 0 0 0;
	color:#228B22;
}
.box_bottom #month_sel{
	font-weight:bold;
}
.box_bottom #month_sel a{
	border:1px solid #888;
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
	padding:0 4px 0 4px;
}
.box_bottom #month_sel a:hover{
	border-color:#FF6600;
}
.box_bottom #month_num span{
	color:#FF3300;
}
.box_bottom #month_num .td_border{
	border-bottom:2px solid #AAA;
}
.box_bottom #month_num a{
	color:#228B22;
	text-decoration:none;
	font-weight:bold;
}
.box_bottom #month_num a:hover{
	color:#009933;
}
.right_box .box_bottom span{
	color:#FF6600;
}

/*footer style*/
#footer{
	width:820px;
	float:left;
	background:#F6EFDF;
	padding:20px 0 10px 0;
}
#copy{
	background:#FFF;
	padding:8px 0;
	width:820px;
	float:left;
	text-align:center;
}
#copy img{
	margin-bottom:-3px;
}
#copy a,#copy a:hover{
	color:#333;
	text-decoration:none
}