@import url(/include/css/2th.css);

/* ---[ main top ]--------------------- */
#main_top {
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
	background: url(/images/bg_line.gif) no-repeat 50% 100%;
}

/* essay */
#essay {
	width: 389px;
}
#essay h2 span{
	display: none;
}
#essay h2 {
	width: 389px; 
	height: 30px; 
	padding: 0 0 10px 0;
	margin: 0;
	background: url(/images/life/title_essay.gif) no-repeat left top; 
	cursor: pointer; 
}
#essay img {
	float: left;
	padding: 1px;
	margin: 3px 10px 5px 4px;
	border: 1px solid #999;
	}
#essay p {
	padding: 3px 0 0 0;
	margin: 0;
	}
#essay .topic a:visited, #essay .topic a:link {
	font-weight: bold;
	color: #375711;
	text-decoration: none;
	}
#essay .topic a:hover {
	text-decoration: underline;
	}
#essay .sub_topic a:visited, #essay .sub_topic a:link {
	font-weight: normal;
	color: #666;
	text-decoration: none;
	}
#essay .sub_topic a:hover {
	text-decoration: underline;
	}
#essay span { color: #9A9A9A; }

#essay_list { 
	position: relative;
	padding: 0 0 0 10px; 
	margin: 0;
	list-style: none;
	}
#essay_list li { 
	padding: 0 10px; 
	margin: 0; 
	height: 18px; 
	background: url(/images/life/bg_li.gif) no-repeat left center; 
	}
#essay_list a:visited, #essay_list a:link {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	}
#essay_list a:hover {
	text-decoration: underline;
	}

/* free board */
#free_board {
	width: 389px;
	padding-top: 10px;
}
#free_board h2 span {
	display: none;
}
#free_board h2 {
	width: 389px; 
	height: 30px; 
	padding: 0 0 10px 0;
	margin: 0;
	background: url(/images/life/title_free_board.gif) no-repeat left top; 
	cursor: pointer; 
}
#free_board p { padding: 0; margin: 0; }
#free_board ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
#free_board li { 
	 padding: 0 0 0 15px;
	 margin:0 5px 0 10px; 
	 line-height: 20px; 
	 background: url(/images/life/bg_li.gif) no-repeat left center; 
 }
#free_board li a:visited, #free_board li a:link {
	color: #333;
	text-decoration: none;
}
#free_board li a:hover {
	color: #333;
	text-decoration: underline;
}
#free_board li.empty_record {
	background-image: none;
}

/* online magazine */
#online_magazine {
	position: absolute;
	width: 337px;
	height: 390px;
	top: 0;
	right: 0;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px dashed #999;
}

#online_magazine h2 span{
	display: none;
}
#online_magazine h2 {
	width: 337px; 
	height: 30px; 
	padding: 0 0 10px 0;
	margin: 0;
	background: url(/images/life/title_magazine.gif) no-repeat left top; 
	cursor: pointer; 
}
#online_magazine #lotus {	 
	text-align: center;
	height: 50px;
}

#kb_letter {
	width: 337px;
	height: 160px;
}
#kb_letter h3 span {
	display: none;
}
#kb_letter h3 {
	width: 337px; 
	height: 20px; 
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	background: url(/images/life/icon_kb_letter.gif) no-repeat left top; 
	cursor: pointer; 
}
#kb_letter p { padding: 0; margin: 0; }
#kb_letter ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}
#kb_letter li { 
	 padding: 0 0 0 15px;
	 margin:0 5px 0 10px; 
	 line-height: 20px; 
	 background: url(/images/life/bg_li.gif) no-repeat left center; 
 }
#kb_letter li a:visited, #kb_letter li a:link {
	color: #333;
	text-decoration: none;
}
#kb_letter li a:hover {
	color: #333;
	text-decoration: underline;
}

#kb_letter li.empty_record {
	background-image: none;
}

#book { clear: left; width: 327px; height: 140px; margin: 0 5px 5px 5px; background: url(/images/master/bg_book.gif) no-repeat;}

#book_title { 
	padding: 0 0 0 5px; 
	margin: 0; 
	}
#book_title h3 {
	padding: 0 0 10px 0 ;
	margin: 0;
	height: 20px;
	background: url(/images/life/recommend.gif) no-repeat left center; 
	cursor: pointer;
	}
#book_title a:visited, #book_title a:link, #book_title a:hover {font-family: arial; font-size: 11px; color: #313366; font-weight: bold; }
#book_title h3 span {
	display: none;
	}
#book .book_cover {
	float: left; 
	padding: 0 10px 0 10px;
	}
#book .topic {
	padding: 2px 0;
	margin: 0;
	}
#book .topic a:visited, #book .topic a:link {
	color: #003399;
	text-decoration: none;
	}
#book .topic a:hover { text-decoration: underline; }
#book .author {
	padding: 2px 0;
	margin: 0;
	color: #666;
	}
#book .publish {
	padding: 2px 0;
	margin: 0;
	}
#book .publish_date {
	padding: 0;
	margin: 0;
	}

/* ---[ main middle ]--------------------- */
#main_middle {
	position: relative;
	width: 100%;
	height: 160px;
	margin-bottom: 10px;
	background: url(/images/bg_line.gif) no-repeat 50% 100%;
}

/* discuss */
#discuss {
	width: 389px;
}
#discuss h2 span {
	display: none;
	}
#discuss h2 {
	width: 389px; 
	height: 30px; 
	background: url(/images/life/title_forum.gif) no-repeat left top; 
	cursor: pointer; 
	padding: 0 0 10px 0;
	margin: 0;
	}
#discuss p { padding: 0; margin: 0; }
#discuss ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	}
#discuss li { 
	 line-height: 20px; 
	 background: url(/images/life/bg_li.gif) no-repeat left center; 
	 padding: 0 0 0 15px;
	 margin:0 5px 0 10px; 
	 }
#discuss li a:visited, #discuss li a:link {
	color: #333;
	text-decoration: none;
	}
#discuss li a:hover {
	color: #333;
	text-decoration: underline;
	}
#discuss li.empty_record {
	background-image: none;
}

/* faq */
#faq {
	position: absolute;
	width: 337px;
	height: 150px;
	top: 0;
	right: 0;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px dashed #999;
}

#faq {
	float:left;
	border-left: 1px dashed #999;
	padding: 0 0 0 10px;
	}
#faq h2 span {
	display: none;
	}
#faq h2 {
	width: 337px; 
	height: 30px; 
	background: url(/images/life/title_faq.gif) no-repeat left top; 
	cursor: pointer; 
	padding: 0 0 10px 0;
	margin: 0;
	}
#faq p { padding: 0; margin: 0; }
#faq ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	}
#faq li { 
	 line-height: 20px; 
	 background: url(/images/life/bg_li.gif) no-repeat left center; 
	 padding: 0 0 0 15px;
	 margin:0 5px 0 10px; 
	 }
#faq li a:visited, #faq li a:link {
	color: #333;
	text-decoration: none;
	}
#faq li a:hover {
	color: #333;
	text-decoration: underline;
	}
#faq li.empty_record {
	background-image: none;
}

/* ---[ main bottom ]--------------------- */
#main_bottom {
	width: 100%;
}

/* cartoon */
#cartoon {
	float: left;
	width: 260px;
}

#cartoon h2 span{
	display: none;
	}
#cartoon h2 {
	width: 240px; 
	height: 30px; 
	background: url(/images/life/title_cartoon.gif) no-repeat left top; 
	cursor: pointer; 
	padding: 5px;
	margin: 0;
	}
#cartoon .article_wrapper {
	float: left;
	width: 230px;
	height: 330px;
	margin-left: 5px;
	padding: 0;
	background: url(/images/list/gallery_b2.gif) no-repeat bottom center;
	}
#cartoon .article_image {
	height: 290px;
	text-align: center;
	padding: 10px 0;
	background: url(/images/list/gallery_2.gif) no-repeat ;
	}
#cartoon .no_image {
	padding-top: 50px;
	color: #999;
	font-weight: bold;
	}
#cartoon .article_topic {
	padding: 5px
	}
#cartoon .article_topic a:visited, #cartoon .article_topic a:link {
	color: #333;
	text-decoration: none;
	}
#cartoon .article_topic a:hover {
	text-decoration: underline;
	}
#cartoon li.empty_record {
	background-image: none;
}

/* photo */
#photo {
	float: left;
	width: 330px;
}
#photo h2 span {
	display: none;
	}
#photo h2 {
	width: 320px; 
	height: 30px; 
	background: url(/images/life/title_photo.gif) no-repeat left top; 
	cursor: pointer; 
	padding: 5px 0;
	margin: 0;
	}
#photo .article_wrapper {
	float: left;
	width: 150px;
	height: 165px;
	margin: 0 2px 5px 4px;
	padding: 0;
	background: url(/images/list/gallery_b3.gif) no-repeat bottom center;
	}
#photo .article_image {
	height: 120px;
	text-align: center;
	padding: 10px 0;
	background: url(/images/list/gallery_3.gif) no-repeat ;
	}
#photo .no_image {
	padding-top: 50px;
	color: #999;
	font-weight: bold;
	}
#photo .article_topic {
	padding: 5px
	}
#photo .article_topic a:visited, #photo .article_topic a:link {
	color: #333;
	text-decoration: none;
	}
#photo .article_topic a:hover {
	text-decoration: underline;
	}
#photo p.empty_record {
	background-image: none;
}

/* painting */
#painting {
	float: left;
	width: 150px;
}
#painting h2 span {
	display: none;
	}
#painting h2{
	width: 150px; 
	height: 30px; 
	background: url(/images/life/title_painting.gif) no-repeat left top; 
	cursor: pointer; 
	padding: 5px 0;
	margin: 0;
	}
#painting .article_wrapper {
	width: 150px;
	height: 165px;
	margin: 0 2px 5px 0;
	padding: 0;
	background: url(/images/list/gallery_b3.gif) no-repeat bottom center;
	}
#painting .article_image {
	height: 120px;
	text-align: center;
	padding: 10px 0;
	background: url(/images/list/gallery_3.gif) no-repeat ;
	}
#painting .no_image {
	padding-top: 50px;
	color: #999;
	font-weight: bold;
	}
#painting .article_topic {
	padding: 5px
	}
#painting .article_topic a:visited, #painting .article_topic a:link {
	color: #333;
	text-decoration: none;
	}
#painting .article_topic a:hover {
	text-decoration: underline;
	}
#painting li.empty_record {
	background-image: none;
}