body {margin:0;	background: #FBF4DA;color: #333; line-height:150%; background:url(../images/bg.jpg) repeat-x; font:12px/1.5em Arial, Helvetica, sans-serif; color:#333;}
img {border:0;}
.center {text-align:center;}



/*標題*/
#header { height:100px; width:970px;}
#logo {width:160px; margin:20px 0 0 60px; float:left; display: inline; }
#header_r {width:700px; float:right; margin:0 10px 0 0;}
#header_b {height:24px; margin:15px 0 5px 20px ;} 

/*上方選單*/
#top_menu { width:700px; height:40px;}
#menu_l {background:url(../images/menu_l.gif); width:20px; height:40px; float:left;}
#menu_r {background:url(../images/menu_r.gif); width:20px; height:40px; float:right;}


/*各大網站連結*/
#topmu { margin:2px 240px 0 0; float:right; display:inline; }
#topmu ul{list-style-type: none;margin:2px 0px;padding: 0px;}
#topmu li{margin: 0 0 0 6px;float: left;display:inline;}

/*banner*/
#bn_con {  background:#fff;width:700px; background:url(../images/bn.gif) no-repeat; height:40px; margin-left:30px; }


/*首頁選單區*/
#main_topbg { height:50px; margin:180px 0 0 20px; }
#main_toptit {background:url(../images/tit_default.png);width:660px; height:34px;}

#mainContent {background: url(../images/main_bg.png) repeat-y; width:970px;overflow:auto; clear:both; }/*zoom:1;*/ 

/*主頁面*/
#content { float:right; width:660px;  margin:0 40px 30px 0; display:inline; }

/*top*/
#top {height:310px; font:13px/1.5em Arial, Helvetica, sans-serif; }
#top_main {border:2px solid #33290f; padding:10px; clear:both;width:636px;}
#toppic { clear:both;}
#toppic ul{list-style-type: none;margin:0; padding: 0px;}
#toppic li{margin:0; float: left;}
#toppic li a {width: 150px; height:24px; display: block;font:15px/1.5em; color:#fff; text-decoration:none; text-align:center; padding:6px 0 0 0 ;}
#toppic li a:hover { text-decoration:underline;}
#toppic li.one a {background: url(../images/top01.jpg);}
#toppic li.one a:hover{background: url(../images/top01.jpg);}
#toppic li.two a {background: url(../images/top02.jpg);}
#toppic li.two a:hover{background: url(../images/top02.jpg);}

/*左方選單*/
#sidebar { width:220px; margin:0 0 20px 0; overflow: visible; float:left; display:inline; background: url(../images/side_bg.jpg) no-repeat;}
#sidebar_top {background: url(../images/sidebar_top.png); height:42px; }
#sidebar_menu {background: url(../images/side_bg.gif); width:220px; height:100%; margin:0 0 10px 0;}
.side { list-style:none; list-style-image:url(../images/arrow01.gif); margin:0px; padding:20px 0 30px 30px; text-align:left; overflow:hidden;}
.side li {border-bottom: dashed 1px #999; width:160px; }
.side a {font:15px/1.8em Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
.side a:hover{color:#f60;position:relative;top:1px;left:1px;}


/*底部*/
#footer { background:url(../images/footer.jpg) repeat-x; height:90px; font:12px/1.5em Arial, Helvetica, sans-serif;text-align:center; clear:both; }
#f_con { float:left;}
#f_link {text-align:left; margin-top:10px;}
#f_cr { font:12px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:left;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/*連結*/
.aL a{font:12px/1.5em; color:#333;text-decoration:none;}
.aL a:hover{text-decoration: underline;}
.bL a { color:#C60; text-decoration:none;}
.bL a:hover{text-decoration:underline;}
.cL a { color:#06f; text-decoration:none;}
.cL a:hover{text-decoration:underline;}
.dL a { color:#333; text-decoration:none; font:15px/1.8em Verdana, Arial, Helvetica, sans-serif;}
.dL a:hover{color:#C60;}

/*字體*/
.h1 {font: bold 15px/1.5em Arial, Helvetica, sans-serif; color:#C00;}
.h2{font: bold 13px/1.5em Arial, Helvetica, sans-serif; color:#06f;}
.h3 {font:bold 15px/1.5em Verdana, Arial, Helvetica, sans-serif;color:#b46a07;}
.h4 {font:bold 15px/1.2em Verdana, Arial, Helvetica, sans-serif;color:#06f;}

.monthstarTitle {
	font: bold 13px/1.5em Arial, Helvetica, sans-serif; 
	color:#06f;
}
.monthstarTitle a {
	font: bold 13px/1.5em Arial, Helvetica, sans-serif; 
	color:#06f;
	text-decoration:none;
}
.monthstarTitle a:hover {
	font: bold 13px/1.5em Arial, Helvetica, sans-serif; 
	color:#06f;
	text-decoration:underline;
}


/*導覽列*/
#page {text-align:center; color:#666; }
#top_page { color:#666; height:40px; }

/*列表專屬CSS--------------------------------------------------------------------------------------------------------------------*/

#tit_list { background:url(../images/tit_list.png); height:34px; width:660px; text-align: right; color:#666; }
#title { float:left; font: bold 20px Arial, Helvetica, sans-serif; color:#C00; margin:4px 0 0 30px; display:inline;}
#list_nav { float:right; margin:8px 10px 0 0; display:inline;} 

#page_nav { padding:10px;}
#page_nav a { padding:2px 5px 2px 5px;}
#page_nav span { padding:2px 5px 2px 5px;}

/*框線設定*/
.k_line {border-collapse: collapse;  text-align:left; font:13px/2em Arial, Helvetica, sans-serif;  }
.k_line th { border:1px solid #CBAC8F;}
.k_line td { border:1px solid #CBAC8F;}
.k_line a:link { color:#06f;	text-decoration:none; padding:4px 6px;}
.k_line a:visited { color:#666;	text-decoration:none;	padding:4px 6px;}
.k_line a:hover {	color: #06f ; position:relative;top:1px;left:1px;}

/*內文專用----------------------------------------------------------------------------------------------------------------------*/
#share {height:32px; width:570px; background:url(../images/bg_share.gif);}
#text {text-align:justify;}

/*感想*/
#feel {height:auto; padding:15px 0 0 0; clear:both; border-top: 1px solid #999; margin:0px 20px;}
#f_b_l {float:left; width:400px;}
#f_b_r {float:left; width:80px; margin-left:10px;}
.people {font:bold 28px Verdana, Arial, Helvetica, sans-serif; color:#333;}

/*行銷區*/
#market { margin:5px 0 0 0;  }
#market_top {  }
#market_main {border-left:10px solid #b8c5f0; border-right:10px solid #b8c5f0;height:80px; padding:10px;}
#market_bottom { }


/*長條圖*/
.mindbar {
	width: 20px;
	height: 80px;
	background: #eee url(../Images/mindbar_bg.gif) repeat-y;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: text-bottom;
}
.mindname {
	padding: 3px;
}