/********** Page ***********/

#ebao_page { margin: 0 auto; width: 880px; background: transparent;  padding:0px;}

#ebao_content { float: left;
	clear: both;
	width: 880px;
	background: transparent; 
	margin: 0;
	padding:0;
	background-image:url(/images/09_ebao_content_bg.jpg);}


/********** Head **********/
#ebao_head { margin: 25px 0 0 0;
	clear: both;
	float: left;
	width: 880px;
	height: 150px;
	background-image:url(/images/09_ebao_content_bg.jpg);
	padding:0;
	position:relative;
	z-index:10}

#ebao_headlogo {float:left; clear:none; z-index:11; position:absolute; top:0px; left:0px;}


/*++++ navigation bar ++++*/

#ebao_head_nav{ 
padding: 0px 0px 0px 0px;
color: #000000;
z-index:11;
position:absolute;
top:115px;
right:5px;
height:24px;
}

#ebao_head_nav a {
	font-size: 10pt;
	font-weight:bold;
	line-height:24px;
	color:#000000;
	padding: 0px;
	margin-left:5px;
}

#ebao_head_nav a:visited {color:#000000;}
#ebao_head_nav a:hover {color:#C00000;}


/*++++ utility ++++*/

#ebao_head_utility{
	font-size: 11pt;
	color: #000000;
	float:right;
	z-index:12;
	position: absolute;
	bottom:80px;
	right:5px;
}

#ebao_head_utility a{	color: #000000;}
#ebao_head_utility a:hover {	color: #C00000;}

#ebao_head_search{
	z-index:12;
	float:right;
	position:absolute;
	top:81px;
	right:5px;
	height:25px;
	background-color:#C00000;
	padding-top:2px;
}

#ebao_head_search .searchbox{
	font-size: 10pt;
	height:12pt;
	margin: 0px  0px 0px 10px; }
	
	
	


/********** Main **********/

#ebao_main_left { margin-left:10px; padding:10px 0px 40px 0px; margin-right:0; float:left}


#photo_slide {position:relative; width:560px; height:315px; padding:0px}
#photo_slide .caption{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	text-align:right;
	height:24px;
	line-height:24px;
	padding-left:20px;
	padding-right:20px;
	background: #000000; 
	font-size:10pt;
	color:#FFFFFF;
	overflow:hidden;
}

#ebao_main_photo { 
width:560px; height:315px; overflow:hidden; float:left; 
background-color:#CCCCCC;
position:relative; z-index:20;
}

#ebao_main_photo img{
position: absolute;
	top: 0px;
	left:0px;
	z-index: 21;
}

#ebao_main_photo .caption{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 22;
	text-align:right;
	height:24px;
	line-height:24px;
	padding-left:20px;
	padding-right:20px;
	background: #000000; 
	font-size:10pt;
	color:#FFFFFF;
	overflow:hidden;
}



/*++++++++ebao_cat_selections++++++++++*/

#ebao_cat_selections {padding:40px 0;}

#ebao_cat_selections h4 { 
	font-size: 10pt;
	font-weight: bold;
	padding:5px 0;
	color:#000000;
	border-bottom: 2px solid #990000;}

#ebao_cat_selections ul { 
	margin-top:10px;
	margin-bottom: 10px;
	margin-left:10px;
	list-style: none;
}

#ebao_cat_selections li a { 	margin-bottom: 8px;
		margin-left:0;
		font-size: 9pt;
		line-height: 1.3em; }


/* ++++++++++++++ ebao_main_sides ++++++++++++++++++ */

#ebao_main_sides { padding:10px 10px 40px 10px; float:right;}


#side_issue {font-size:9pt;}

#side_issue h4 {border-bottom: 1px solid #CC0000; color:#CC0000; font-size:10pt; font-weight:bold;}

.issue_num { font:24pt Georgia,Times,serif;
font-weight:normal;
}

#side_issue p { font-size:9pt; color: #CC0000; font-weight:bold; line-height:1.5em;}
#side_issue ul { margin-bottom:20px; margin-left:5px; list-style-type:square; padding:0;}
#side_issue li { margin:0px 0px 0px 10px; padding:0;}
#side_issue a { 
font-size:10pt;
line-height:12pt;
}


#side_vision { 
padding:0px; 
width:265px;
height:270px;
background-image:url(/images/09_vision_box_bg.jpg);
background-color: #660000;
margin:10px 0;
color:#FFFFFF;
position:relative;
z-index:30;
}

#side_vision .vision_head { padding:0px; 
margin:0;
position:absolute;
top:0px;
left:0px;
z-index:31;
color:#FFFFFF;
}

#side_vision .vision_screen { padding:0px; 
margin:0;
position:absolute;
top:45px;
left:12px;
z-index:31;
color:#FFFFFF;
overflow:hidden;
}

#side_vision .vision_pgm { padding:0px; 
margin:0;
position:absolute;
right:0px;
bottom:0px;
z-index:31;
color:#FFFFFF;
}


/* ++++++++++++++ ebao_main_lower ++++++++++++++++++ */


#ebao_main_lower {
	clear: both;
	float: left;
	width: 880px;
	background: transparent;
	background-image:url(/images/09_ebao_content_bg.jpg);
	padding:0 0 40px 0;
	font-size:10pt}


#ebao_main_lower h5 {
	font-weight: bold;
	color: #FFFFFF;
	background: #666666 ;
	margin-top: 10px;
	padding: 2px 8px;}

#ebao_main_lower h3 {padding:3px 0; font-size:11pt}
#ebao_main_lower div {padding:10px 0px 0px 8px;}
#ebao_main_lower ul { list-style-type:none;}


/* ++++++++++++++ window_main_lower (eagle) ++++++++++++++++++ */

#window_main_lower {
	clear: both;
	float: left;
	width: 880px;
	background: #FAEAD6;
	background-image:url(/images/eagle_bg.jpg); background-repeat:repeat-x; 
	padding:0;
	font-size:10pt;}
#window_main_lower h2 {padding:3px 8px; color:#FFFFFF; background-color:#990000; font-size:11pt;}	
#window_main_lower h3 {padding:3px 0; font-size:11pt}
#window_main_lower h4 {font-size:10pt}
#window_main_lower div {padding:10px 0px 0px 8px;}
#window_main_lower ul { list-style-type:none;}





		

		
/***************ebao_read*************************/

#breadcrumb {color:#666666; font-size:9pt; margin:0 0 10px 0}
#breadcrumb a {color:#666666; font-size:9pt; margin:0 0 10px 0}

#article { padding:10px 20px; clear:both}

#article h1 { font-size:18pt; font-family: 標楷體, SimHei, sans-serif; color:#000000; line-height:18pt; margin:0; padding:0}
#article h2 { font-family: 標楷體, SimHei, sans-serif; font-size: 14pt; line-height: 14pt; color: #000000 ; font-weight: bold; margin:0; padding:5px 0;}
#article h3 {font-size:12pt; color:#990000; margin:20px 0 15px 0;}
#article h4 {font-size:10pt; color:#990000; margin:20px 0 15px 0;}
#article p { font-size:11pt; color:#000000; letter-spacing:1px; line-height:16pt;}
#article ol {margin:30px; list-style-type:decimal;}
#article li { font-size:11pt; color:#000000; letter-spacing:1px; line-height:16pt;}
#article p.author {font-size:11pt; letter-spacing:0; line-height:20px; padding:5px 0 5px 25px; margin:0; color:#990000; background-image:url(/images/09_chop.jpg); background-position:left; background-repeat:no-repeat;}



#article .img100 {width: 100px; border:none; padding:5px 0 8px 8px; float:right; text-align:center}
#article .img150 {width: 150px; border:none; padding:5px 0 8px 8px; float:right; text-align:center}
#article .img200 {width: 200px; border:none; padding:5px 0 8px 8px; float:right; text-align:center}
#article .img_caption {  font-weight: normal; color: #990000; font-size: 9pt; text-align:center; line-height:12pt;}

#article .quotation {  font-weight: normal; color: #003399; font-size: 10pt;}
#article .footnote {
	font-size: 9pt;
	font-style: normal;
	color: #666666;
	letter-spacing:0;
}

/*old stuffs*/

#article blockquote { padding-left:50px; padding-right:50px;}

#article .side {font-size: 10pt; line-height: 14pt}

#article .english {
	font-family: Times, serif;
	letter-spacing:0;
}
#article .quotEng {
	font-weight: normal;
	color: #003399;
	font-size: 10pt;
	font-family: Times, serif;
	letter-spacing:0;
}

#article .subtitle {
	font-size: 12pt;
	line-height: 16pt;
	font-weight: bold;
	color: #556600;
	text-indent: 60px;
}

#article .articletitle {
font-family: 標楷體, SimHei, sans-serif; font-size: 16pt; line-height: 20pt; color: #000000; font-weight: bold
}

/***************ebao_all_issues_left********************/

#issues_all ul { margin: 0px;
	float: left; 
	list-style: none; }

#issues_all li { float:left; width: 170px; padding-bottom:20px; list-style: none;}

#issues_all li p a { text-align: center; font-size:9pt; font-family:"Trebuchet MS", Calibri, Tahoma, sans-serif;}


.index-L { margin-top: 10px;
margin-right: 0; 
border: 0;
background: transparent;
padding-bottom: 20px; }

.index-L div {margin: 0px 15px 20px 260px; }

.index-L img { 			float: left;
				padding: 0px;
				width: 240px; height:160px;		}

.index-L p { margin:0; font-size: 10pt; line-height: 1.5em;}			

.index-L h3 a {
				font-size: 14pt;
				font-weight: bold;
				color: #990000;
				margin:8px 0px;		}

.index-L h4 { 			margin: 0;
				font-size: 9pt;
				font-weight: bold;
				color: #666666; 
				line-height:1.5em;}


.index-M { margin-top: 10px;
margin-right: 0; 
border-top: 1px dotted #CCCCCC;
background: transparent;
padding-bottom: 20px; }

.index-M div { 		margin: 15px 15px 0px 180px; }

.index-M img { 			float: left;
				padding: 20px 20px 20px 10px;		
				width: 150px; height:100px;		}
				


.index-M p { margin:0; font-size: 10pt; line-height: 1.5em;}			

.index-M h3 a {
				font-size: 12pt;
				font-weight: bold;
				color: #990000;
				margin:5px 0px;		}

.index-M h4 { 			margin: 0;
				font-size: 9pt;
				font-weight: bold;
				color: #666666; 
				line-height:1.5em;}
				
.index-S { margin-top: 0px;
margin-right: 0; 
border-top: 1px dotted #CCCCCC;
background: transparent;
padding-bottom: 10px; }

.index-S div { 		margin: 0px 15px 0px 140px; }

.index-S img { 			float: left; width:120px; height:80px;
				padding: 0px 20px 0px 0px;		}

.index-S p { margin:0; font-size: 10pt; line-height: 1.5em;}			

.index-S h3 a {
				font-size: 12pt;
				font-weight: bold;
				color: #990000;
				margin:5px 0px;
				padding-top:5px;}

			
.index-XS { margin-top: 0px;
margin-right: 0; 
background: transparent;
padding-bottom: 10px; }

.index-XS div { margin: 0px 15px 0px 15px; padding-top:20px;}

.index-XS p { margin:0; font-size: 10pt; line-height: 1em;}			

.index-XS h3 a {
				font-size: 11pt;
				font-weight: bold;
				color: #666666;
				margin:0px;		}

	
/********* footer ***********************/

#ebao_footer { 
	clear: both;
	float: left;
	width: 880px;
	border-top: 2px solid #990000;
	background-image:url(/images/09_ebao_content_bg.jpg);
	padding:0 0 20px 0;}

#ebao_footer h4 { margin: 10px 5px 6px 5px;
	padding-bottom: 2px;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #CC0000; }

#ebao_footer p { margin-right: 5px;
	margin-left: 5px;
	font-size: 9pt;
	line-height: 1.5em;
	color: #666666; }

#recent-issues ul { margin: 0px;
	float: left; 
	list-style: none; }

#recent-issues li { float:left; width: 80px; }

#recent-issues li p a { text-align: center; font: 8pt "Tahoma"; }
			
			
#donation {
	margin:10px 15px 10px 15px;
	border: 1px solid #CC0000;
	padding-bottom:10px}			

#donation h3{ 
	text-align:center;
	font-size: 12pt;
	font-weight:bold;
	margin:10px;
}

#donation a{ 
	text-align:center;
	font-size: 12pt;
	color:#333333;
	font-weight:bold;
	margin:10px;
}


#donation p{ 
	margin:0px 15px;
}


#ebao_bottom { 
	clear: both;
	float: left;
	width: 880px;
	height:75px;
	color: #FFFFFF;
	font-size:10pt;
	background: #660000 url("/images/09_bottom_bg.jpg");
	position:relative;
	z-index:40;
	}

#ebao_bottom a{
	padding: 0px 4px;
	line-height:40px;
	color:#FFFFFF;
}

#ebao_bottom .tianrong{
position:absolute;
right:25px;
top:0px;
height:65px;
width:150px;
z-index:41;
}




/********* ebao master layout settings **************//*last section of CSS style sheet*/

.no-bullet { list-style: none; }
.right { float: right;}
.column { float: left; }
.one		{ width: 70px; }
.two		{ width: 140px; }
.three	{ width: 210px; }
.four		{ width: 280px; }
.five		{ width: 350px; }
.six		{ width: 420px; }
.seven	{ width: 490px; }
.eight	{ width: 560px; }
.nine		{ width: 630px; }
.ten		{ width: 700px; }
.eleven	{ width: 770px; }
.twelve	{ width: 840px; }

/* End of CSS */