@charset "utf-8";
/* CSS Document */
@import url("frame.css"); 
@import url("btn.css");
/*
@import url("table.css");
*/

/* HTML、BODY */
html, body {
	font-family:Arial, Helvetica, sans-serif, 新細明體;
	font-size: 13px;
	color: #666;
	margin: 0;
}

a{
	color:#07f;
	text-decoration:none;
}

a:hover{
	color:#09f;
	text-decoration:underline;
}

.clear{
	clear:both;
}

.horizon{
	margin:10px 5px 10px 5px;
	border-bottom:#ddd 1px dashed;
}

/*=== MAIN ===*/
.main{
	margin:0 auto 0 auto;
	width:990px;
	overflow:;
}


/*== TOP ==*/
.top{
	margin:0 0 10px 0;
}

/*= TOP_TITLE =*/
#top_title{
	height:25px; width:980px;
	color:#CCC;
	padding-right:10px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
#top_title ul{
	list-style:none;
	margin:0;
	padding:0;
}
#top_title li{
	line-height:25px;
	.line-height:30px;
	float:right;
	padding:0 0 0 10px;
}
#top_title li a{
	color:#fff;
}
#top_title li a:hover{
	color:#fff995;
}

/*= BANNER =*/
#banner_blog{
	clear:both;
	position:relative;
	background:url(images/banner_blog.jpg) no-repeat;
	height:150px;
}
/* Blog_Name */
#blog_name a{
	position:absolute;
	display:block;
	top:45px; left:20px;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	color:#04f;
	overflow:hidden;
}
#blog_name a:hover{
	text-decoration:underline;
	color:#09f;
}
/* Blog_Sub_Name */
#blog_sub_name a{
	position:absolute;
	display:block;
	top:85px; left:20px;
	font-size:13px;
	text-decoration:none;
	color:#06f;
	overflow:hidden;
}
#blog_sub_name a:hover{
	text-decoration:underline;
	color:#09f;
}


/*== CONTENT ==*/
.content{
	clear:both;
	overflow:hidden;
}

.profile_image{
	width:130px; height:130px;
	margin:5px auto 0 auto;
	border:#ccc 2px solid;
	background:#eee;
	text-align:center;
}


/*== Blog ==*/
div.blog_date{
	color:#09F;
	font-size:15px;
	line-height:16px;
}
div.blog_title{
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	line-height:20px;
}
div.blog_info{
	margin:5px 0 5px 0;
	line-height:18px;
}
div.blog_info ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.blog_info li{
	float:left;
	margin-right:5px;
}
div.blog_content{
	clear:both;
	line-height:20px;
	padding-top:5px;
	.padding-top:0px;
}
div.blog_page_area{
	clear:both;
	margin:10px auto 10px auto;
	text-align:center;
}
div.blog_page_area ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.blog_page_area ul li{
	display:inline;
	margin:5px;
}

/*== FOOT ==*/
.foot{
	clear:both;
	background:url(images/copyright_bg.gif) no-repeat;
	height:50px;
	font-size:12px;
	overflow:hidden;
	margin:0 0 10px 0;
}
/* Foot_Area */
.foot_area_01{
	position:relative;
	margin:0 10px 0 10px;
	border-bottom:#ddd 1px solid;
	height:25px;
	line-height:27px;
	.line-height:30px;
	color:#999;
	overflow:hidden;
}
.foot_area_02{
	position:relative;
	margin:0 10px 0 10px;
	height:25px;
	line-height:20px;
	.line-height:24px;
	color:#999;
	overflow:hidden;
}
/* Foot_Area_Left & Right */
.foot_area_left{
	position:absolute;
	top:0;
	left:0;
}
.foot_area_left ul{
	list-style:none;
	margin:0;
	padding:0;
}
.foot_area_left li{
	float:left;
	padding-right:10px;
}
.foot_area_right{
	position:absolute;
	top:0;
	right:0;
}
.foot_area_right ul{
	list-style:none;
	margin:0;
	padding:0;
}
.foot_area_right li{
	float:right;
	padding-left:10px;
}