/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-weight:normal;} 
table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;} 
q:before,q:after{content:'';} 

a {text-decoration:none;color:#0000cc;} 
a:hover {text-decoration:underline;} 

/*font*/
body { font-size: 13px; font-weight: normal; line-height:1.22em; background-color: #ffffff;}

/*layout*/ 
#page{ clear: both; position: relative; margin:0px auto; min-width:950px; width: 950px; text-align:left;} 
#eyebrow{ position:relative; float:left; padding-left:10px;}
#eyebrow img {float:inherit;border:0px;}
#eyebrow a {padding-right:10px;height:1.2em;text-decoration: none;}
#eyebrow a:hover {padding-right:10px;height:1.2em;text-decoration: underline;}
#ww {position:relative; float:right; font-size: 11px; margin:0px 5px 0px 0px;}

#top { clear:both; float:center; width:100%; height: 110px;}
#top td{font-size: 24px; line-height:1.2; color:#FF0000;}
#top .left{display: block; position:absolute; height: 100px;}
#top .right{display: block; float:right; height: 100px;}
.top_left{display: block; background:url(/images/top_left.gif) left no-repeat;}
.top_right{display: block; background:url(/images/top_right.gif) right bottom no-repeat;}
#top_table1 {position:relative; width: 100%; font-size: 36px; line-height:2.7; color:#FF0000; margin:0px 0px 0px 10px;}
#top_table1 img{display: block; float: left;}

/* 奇摩的參考寫法 */
#mhhd {zoom:1;font-size:90%;padding-top:3px;} 
#mhbd {_clear:both;background:url(http://tw.i4.yimg.com/i/tw/hp/spirit/mhbg.gif) bottom repeat-x;border-top:1px solid #C0D3D7;margin-bottom:5px;font-size:90%;z-index:1;} 
#mhbd .rctop {display:block;background:url(http://tw.i5.yimg.com/i/tw/hp/spirit/rc_all_a.gif) left top no-repeat;position:relative;margin-top:-1px;_margin-top/**/:-2px;*margin-top/**/:/**/-1px;} 
#mhbd .rctop span {display:block;background:url(http://tw.i6.yimg.com/i/tw/hp/spirit/rc_all_a.gif) right -5px no-repeat;height:5px;*font-size:0;} 
#mhbd .rcleft {display:block;background:url(http://tw.i3.yimg.com/i/tw/hp/spirit/mhbd_left.gif) left bottom no-repeat;} 
#mhbd .rcright {display:block;background:url(http://tw.i4.yimg.com/i/tw/hp/spirit/mhbd_right.gif) right bottom no-repeat;padding-left:10px;min-height:95px;_height:95px;} 

#left{ position:absolute:relative;float:left; width:17.2%; min-width:160px; margin:10px 0 0px 0;} 
#left_table1{ display: block; position:relative;float:center;}
#left_table1 .img { display: block; position:relative;float: center; align: center;}

#body{ position:relative; float:left; width: 59%; min-width: 560px; width: 560px; margin:10px 10px 0px 10px;} 
#body_table1{ position:relative; font-size: 15px; line-height: 1.5em; float:center; list-style:none; margin:0px 0px 0px 10px;}
#body_table1 .title{ display: block; color: #0066FF;}
#body_table1 .content{}
#body_table1 .date{ display: block; float:center; width: 100%; text-align:right; font-style:italic; border-bottom:1px dotted #666666;}

#body_table2{ display:block; font-size: 15px; line-height: 1.5em; float:center; list-style:none; margin:10px 0px 0px 10px; border-bottom:1px dotted;}
#body_table2 .title{ display: block; color: #0066FF;}
#body_table2 .content{}
#body_table2 .date{ display:block; float:right; font-style:italic;}

#body_table3{ display:block; width: 250px; font-size: 15px; line-height: 1.5em; float:center; list-style:none; margin:10px 0px 0px 10px; border-bottom:1px dotted;}
#body_table3 .title{ display: block; color: #0066FF;}
#body_table3 .content{}
#body_table3 .date{ display: block; float:right; font-style:italic;}

#right{ display:block; position:relative;float:right; width: 21.5%; min-width:200px; color: 0077aa; margin:10px 0px 0px 0px;}
#right_table1{ display: block;position:relative;float:center; background-color:#ffffff; border: 1px solid #e1e1e1; margin-bottom: 3px;}
#right_table1 .title{ display: block; position:relative; font-weight:bold; text-align: center; letter-spacing: 12px; background-color: #d7e6eb; vertical-align: middle;}
#right_table1 .content{ display: block; position:relative; text-align: left; color: #0077aa; background-color: #ffffff; margin: 0px 10px 0px 10px; list-style:none;}
#footer{ position:relative;float:center; width:100%; height: 85px; clear: both; background-color: #ebf5f0;}
#footer_table{ position:relative;float:center; height: 85px; border: 1px solid #e1e1e1;}
#footer_table .copyright{ position: relative; float: right; color: #888888; margin:25px 10px 0px 0px; text-align:right;}

#keywords{ position:relative;float:center; width:100%; clear: both;}

.logger { font-size: 9px; text-align: left; cursor:crosshair; height: 20px;}
.logger td{ border-bottom: 1px solid #d5f3f6; padding: 2px 2px 2px 2px;}
.id{ width: 25px;}
.ip{ width: 50px;}
.time{ width: 50px;}
.website{ width: 30px;}
.select{ width: 50px;}
.agnet{ width: 120px;}
.reference{ width: 25px;}

.messages{ font-size: 13px; background-color:#FFFFFF; border-top: 1px solid #d5f3f6; border: 1px solid #d5f3f6; border: 1px solid #d5f3f6; line-height: 1.6em;}
.messages td{ background-color:#ffffff; border-bottom: 1px solid #d5f3f6; padding: 5px 0px 5px 5px;}
.messages .title { background-color: #2fb9cd; color:#FFFFFF;}
.messages .td_left { text-align: left; width: 80px; background-color: #f7fdfd;}
.messages .td_co { text-align: left; background-color: #ffffff;}
.messages .read  { width: 28px; background-color: #ffffff; border-left: 1px solid #d5f3f6; border-right: 1px solid #d5f3f6;}
.messages .drop { width: 28px; background-color: #ffffff; border-left: 1px solid #d5f3f6; border-right: 1px solid #d5f3f6;}
.messages .subject {  background-color: #ffffff;border-left: 1px solid #d5f3f6; border-right: 1px solid #d5f3f6;}
.messages .datetime { width: 90px; background-color: #ffffff; border-left: 1px solid #d5f3f6; border-right: 1px solid #d5f3f6;}
.messages .td_foot {  background-color: #f7fdfd;}
.messages a{ text-decoration: none; color: #000000;}
.messages a:hover{ text-decoration:underline;}

.publisher{ font-size: 13px;width: 700px; height: 20px; background-color:#FFFFFF; border-top: 1px solid #d5f3f6; border: 1px solid #d5f3f6; border: 1px solid #d5f3f6;}
.publisher td{ background-color:#ffffff; border-bottom: 1px solid #d5f3f6; padding: 2px 2px 2px 2px;}

.online_service { font-size: 13px; background-color: #fff5d0; line-height: 2em;}
.online_service td{ background-color:#ffffff; padding: 5px 0px 5px 5px;}
.online_service .title { background-color: #2fb9cd; color:#FFFFFF;}
.online_service .td_left { text-align: left; width: 150px; background-color: #f7fdfd;}
.online_service .td_foot { height: 30px; text-align: center; background-color: #f7fdfd; border: 1px solid #d5f3f6;}

.category { font-size: 9px; text-align: left; cursor:crosshair;}

/* 頁數連結 */
#page_list{ font-size: 13px; text-decoration:none; }
#page_list a { text-decoration:none; }
#page_list a:hover{ text-decoration:underline; }

#links {
	position: relative;
	width: 97.5%;
	border-bottom: 1px solid #e1e1e1;
	margin:10px 0px 0px 0px;
	background-color: #EFF7F7;
}

#links a {
	display: block;
    width: 97.5%; 
	text-align: left;
	padding: 2px 2px 2px 2px;
	margin: 0px 0 0 0;
	text-decoration: none;
	color: #0000FF;
}

#links a:hover {
	color: #FFFFFF;
	background: #CCCCCC;
}

#links .title{line-height: 1.5em; color: #000000;}