/* article style 6/8/2013 */
.article_page_header {
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
}
.article_leftcolumn {
	width: 660px;
	float: left;
}
.article_rightcolumn {
	width: 300px;
	float: right;
}
.article_selection {
	background-color: #eaecef; 
	padding: 8px; font-size: 15px; color: #374955;
}
.article_selection > .block {
	display: block;
	float: left;
	margin: 0px 30px 0px 0px;
	color: #999;
	font-size: 13px;
}
.article_selection > .block.selected {
	font-size: 15px;
	color: #333;
}
.article_selection > .block:hover {
	color: #ff6600;
}
.article_list a {
	color: #206BC1;
}
.article_list a:hover {
	color: #ff6600;
}
.article_list > .article_item {
	margin: 0 0 20px 0px;
	padding: 0 5px 20px 0px;
	border-bottom: dotted 1px #eee;

}
.article_list > .article_item.last {
	border-bottom: none;
}
.article_list > .article_item .article_image {
	float: left;
	border: solid 1px #eee;
	margin-right: 5px;
}
.article_list > .article_item .article_image img {
	width: 150px;
}
.article_list > .article_item .article_abstract {
	color: #666;
	margin-left: 170px;
}
.article_list > .article_item .article_abstract h3 {
	font-size: 16px; font-weight: bold;
	margin-bottom: 3px;
}
.article_list > .article_item .article_abstract p.date {
	margin: 0px;
}
.article_list > .article_item .article_abstract p {
	margin: 10px 0px 10px 0px;
	line-height: 1.6em;
}
.article_list > .article_item .article_abstract .read {
}

/* read article */
.readarticle_wrap {
	background-color: #fff;
	padding-top: 30px; border: solid 1px #eee; border-top: none; border-bottom: none; margin-top: -9px;
}
.readarticle_leftcolumn {
	margin-top: 0px; padding: 0px 18px 0px 15px; width: 640px;
	float: left;
	border-right: solid 1px #f1f2f3;
}
.readarticle_leftcolumn a:link {
	color: #206BC1;
}
.readarticle_leftcolumn a:hover {
	color: #ff6600;
}
.readarticle_rightcolumn {
	margin-top: 5px; width: 300px;
	float: right;
	padding-right: 10px;
}
.readarticle_wrap .prev a span {
	color: #333;
}
.readarticle_wrap .next a span {
	color: #333;
}
.readarticle_wrap .prev a:hover, .next a:hover {
	color: #ff6600;
}
.readarticle_wrap .multi_page {
	margin-top: 0px;border-bottom: solid 1px #eee; padding-bottom: 12px;
	text-align: center;
	font-size: 12px;
}
.readarticle_wrap .multi_page > a.page {
	border: solid 1px #ddd; padding: 6px 12px; margin-right: 10px; border-radius: 3px; display: inline-block;
	color: #333;
}
.readarticle_wrap .multi_page > a.page:hover {
	background-color: #ffffcc;
}
.readarticle_wrap .multi_page > a.page.selected {
	/*background-color: #eaecef; color: #374955; */
	background-color: #ffaa00; color: #fff;
	border: solid 1px #ff9900;
}
.article_wrap {
	/*border-bottom: dotted  1px #ddd;*/
	padding-bottom: 0px;
	margin-bottom: 12px;
}
h1.article_title {
	line-height:1.3em;
	margin-bottom:20px;
	margin-top:0px;
	color:#333333;
	font-size:22px;
	font-weight:bold;
}
.article_info {
	border-bottom: 0px; margin-bottom: 10px; line-height: 1.5em;
	color: #555;
	font-size: 12px;
}
.article_info > .date {
}
.article_info > .tag {
}
.article_functions {
	border-top: dotted 1px #ddd;
	border-bottom: dotted 1px #ddd;
	padding: 8px 8px;
	background-color: #f4f5f7;
	text-align: right;
}
.article_functions > .social_buttons {
	float: left;
}
.article_content_div {
	padding: 1px 0px 0px 0px;
	width: 640px;
	line-height: 1.6em;
	font-size: 15px;
	font-family: "Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif;
	color: #444;
	border-bottom: solid  1px #eee;
	padding-bottom: 20px;
	/*padding-bottom: 20px;
	border-bottom: solid 1px #eee;
	border-radius: 5px;
	*/
}
.article_content_div img {
	/*width: 640px;*/
}
.article_content_div .article_content_html {
	margin-bottom: 20px;
}
.article_content_div .article_content_html ul {
	list-style: disc;
	margin: 0px;
	padding-left: 2em;
}
.article_content_div .article_content_html > p {
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	line-height: 1.6em;
}
.article_content_div .article_content_html table {
	border: 0px;
	border-collapse: collapse;
}
.article_content_div .article_content_html table td {
	padding: 6px 20px 6px 8px;
	/*border: solid 1px #ddd;*/
	line-height: 1.4em;
	font-size: 13px;
	font-weight: normal;
	color: #444;
	font-family: "Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif;
}
.article_content_div .article_content_html table.classic {
	border: 0px;
	border-collapse: collapse;
}
.article_content_div .article_content_html table.classic td {
	padding: 8px;
	line-height: 1.6em;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	font-family: inherit;
}
.article_content_div .article_content_html table.info {
	border: 0px;
	border-collapse: collapse;
}
.article_content_div .article_content_html table.info td {
	padding: 8px 20px 8px 8px;
	border: solid 1px #ddd;
	line-height: 1.4em;
	font-size: 13px;
	font-weight: normal;
	color: #444;
	font-family: "Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif;
}
.article_content_div .article_content_html .caption {
	line-height: 1.4em;
	font-size: 13px;
	font-weight: normal;
	color: #444;
	text-align: center;
	font-family: "Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif;
}
.article_content_div .article_content_html .caption img {
	margin-bottom: 5px;
}
.article_content_div .article_content_html hr.pagebreak {
	display: none;
}

.recent_article_list {
	margin: 1.1em 0em;
	margin-top: 2em;
	font-size: 15px;
}
.recent_article_list > h2 {
	font-size: 16px;
	margin: 1.1em 0em 0em;
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
}
.recent_article_list .article_block_wrap {
	padding: 12px 0px 0px 10px;
}
.recent_article_list .article_block {
	width: 142px; float: left;
	margin-right: 15px;
	height: 180px;
	margin-top: 10px;
	/* text-align: center; */
}
.recent_article_list .article_block .image {
}
.recent_article_list .article_block .image img {
	width: 130px;
}
.recent_article_list .article_block h3 {
	margin-top: 8px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6em;
}
.recent_article_list .article_block h3 a {
	color: #333;
}
.recent_article_list .article_block h3 a:hover {
	color: #ff6600;
}