@import "common.css";
@import "comment.css";
@import "winfavorite.css";

/*---layout--------------------------------------------------------------------------------*/

.content { /*3 col*/
	width: 100%; }
	/*\*/ * html .content { height: 1%; } /**/ *>.content { overflow: hidden; }
.contentL { /*2 col*/
	width: 100%;}
	/*\*/ * html .contentL { height: 1%; } /**/ *>.contentL { overflow: hidden; }
.contentR { /*2 col*/
	width: 100%; }
	/*\*/ * html .contentR { height: 1%; } /**/ *>.contentR { overflow: hidden; }
/*---side---*/
.sideL { font-size:14px; width: 25%; float: left; overflow: hidden; }
.sideSL { width: 25%; float: left; overflow: hidden; }
.sideR { width: 25%; float: right; overflow: hidden;}
/*---middle---*/
.mainarea { margin: 0 4px; width: 100%; float: left; }
	.contentL .mainarea { margin: 0 0 0 4px; width: 73%; }
	.contentR .mainarea {margin: 0; width: 73%; }

/*---subject list---*/
#subjectlist { border-color: #CCCCCC; padding: 2px; }
	#subjectlist h3 { border: none; background: #9FC8DF; }
	#subjectlist li { border-bottom: 1px solid #E2F0F9; text-align: center; padding: 3px; }
		#subjectlist p { margin: 0; line-height: 1.2em; }

/*---article detail--------------------------------------------------------------------------------*/

#articledetail { text-align: left; padding: 5px; }
	.articletitle { text-align: center; font-size: 1.6em; margin: 1em 0 0.5em; }
	.articleinfo { text-align: center; border-bottom: 1px solid #CCC; margin: 0;}
	.article_content_titles {  margin: 10px; text-align: left; }	
	
	#articlebody { width: 98%; margin: 0 auto; text-align: left; line-height: 1.8em; font-size: 1.2em; }
		#articlebody * { line-height: normal; }
			#articlebody  p, #articlebody  div { line-height: 1.8em !important; margin: 10px 0; }
				#articlebody  p *, #articlebody  div * { line-height: normal !important; }
	
	#articlectrl { width: 98%; margin: 10px 5px; overflow: hidden; text-align: center; overflow-y: hidden; font-size: 1em; }

		
	
	/*---article body---*/
	#articlebody .addoninfo { border: 1px solid #EEE; }
		#articlebody .addoninfo h5 { font-size: 1em; margin: 0; line-height: 2em !important; border-bottom: 1px solid #EEE; padding-left: 1em; }
		#articlebody .addoninfo ul { margin: 0.5em 0 0.5em 2em; padding: 0; }
			#articlebody .addoninfo li { line-height: 1.6em !important; }
	
	#articlebody img { width: expression(this.width > 500 ? 500: true); max-width: 500px;  }
		.imglogolist { margin: 0; padding: 0; list-style: none; text-align: center; }
	
	#articlebody kbd.showvideo, #articlebody kbd.showflash { font: 1em Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: underline; }
	.btnaddfavorite { cursor:pointer; color: #333; }

/*---poll---*/
#pollform legend { font-weight: bold; }
	#pollsummary {  line-height: 1.8em; margin: 0.3em 0; background: #EFF5FF; padding: 0.5em }
	#pollresult { border: 1px solid #EEE; margin: 1em 0; padding: 0.5em; }
	#pollresult ul { margin: 0; padding: 0; list-style: none; }
	#pollresult li { overflow: hidden; }
		#pollresult li p { margin: 2px 0 5px 0; background: #F2F2F2; height: 18px; }
		.pollpercent { float: left; width: 80%; }
			.pollpercent span { background: #8ED4F7; border-right: 1px solid #009DEA; float: left; height: 18px; }
		.pollnum { float: right; width: 20%; }
	#dopoll { border: 1px solid #EEE; margin: 1em 0; padding: 0.5em; text-align: center; }
		#dopoll ul { margin: 0; padding: 0; list-style: none; line-height: 2em; text-align: left; }

/* --- pictures ---*/
.imageflow{border:1px solid #CCC; border-radius: 5px 5px 5px 5px; background-color:#333; }

/ *--content ad--*/
#ad_content_m1 {margin: 10px; width 728px; height:90px}
