/*
原來的背景： #FFBE00
新的背景：#F5EE30
新的背景：#e9d687
新的背景：#716759
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
ol,ul {
list-style:none;
}
fieldset,img {
border:0;
}
html{
background: #F7ECC4 url(sitepic/sitebg.png) top left repeat fixed;
}

/* --------------------------------------------------------------- ---------------------------------------------------------------*/

/*--整體設定--*/
body{
color:#111111; /* #666666 */
/* font-size:small; */
font-size:13px;
font-family: "Verdana","新細明體" ;
}

#container{
width:950px ;
margin:0px auto;
margin-top:0px;
background-color:#716759;
padding-left:5px;
padding-right:25px;
/*
border-left: 4px #FFFF8C solid;
border-right: 4px #FFFF8C solid;
*/
}

#container2{
padding:0px ;
background-color:#716759;
}
#container3{
background-color:#716759;
}

#title_div{
width: 145px;
height: 177px;
margin-top: 75px;
margin-left: 64px;
}

#login_div{
width: 135px;
height: 170px;
/* margin-top: -80px; */
margin-top: 6px;
margin-left: 2px;

z-index: 22;

}
#woodbg{

}
#body-div{

}

/*--超連結--*/
a{
color:#8d181b;
text-decoration:none ;
}

/*--滑鼠移動到超連結上時--*/
a:hover{
color:#DF6F00 ;
text-decoration: none ;
}

/*--超連結--*/
#big_red_flame_txt a{
color:#FF6600;
text-decoration:none ;
font-size: 14px;
}

/*--滑鼠移動到超連結上時--*/
#big_red_flame_txt a:hover{
color:#DF6F00 ;
text-decoration: none ;
font-size: 14px;
}

/*--所有內容--*/


/*--主要內容區+側邊欄位區--*/
#main{}

/* --------------------------------------------------------------- ---------------------------------------------------------------*/


#header{
background: #716759 url(sitepic/header1.png) top center no-repeat;
*background: #716759 url(sitepic/header1-ie.png) top center no-repeat;
width: 930px;
height: 270px; 
margin-top: 10px;
float: right;
*overflow: hidden;
}
#sitelogo{

}
/*--部落格標題--*/
#banner h1 a{
font-size: large ;
font-weight:bold ;
color:#4A97F6 ;
position:absolute;
margin-left:11px;
top:45px;
}

#banner h1 a:hover{
color:#DF6F00;
}

/*--部落格描述--*/
#banner h2{
font-size: small ;
color:#4A97F6 ;
position:absolute;
margin-left:11px;
top:70px;
width:245px; /*--網誌描述要加寬可改這個數字--*/
word-wrap : break-word;
line-height:160%;
}

/*--頁面上方區塊--*/
#banner{
float:left;
height:250px;
width: 500px;
}
#right-banner{
float:right;
height:30px;
width: 170px;
margin-top: 200px;
margin-left: -5px;
margin-right: 5px;
*margin-left: 0px;
*margin-right: 2px;
margin-bottom: -160px;
}
#banner3{
float:right;
width:744px;
margin-top: -14px;
margin-right: 3px;
*margin-right: 1px;
*margin-top: -20px;
}
#login1{
width: 60px;
margin-left: 5px;
*margin-left: 4px;
*margin-top: 10px;
float:left;
text-align: center;
padding-top: 8px;
padding-bottom: -8px;
}
#login2{
width: 120px;
margin-left: 5px;
*margin-left: 4px;
*margin-top: 10px;
float:left;
text-align: center;
padding-top: 8px;
padding-bottom: -8px;
}
#join1{
width: 60px;
text-align: center;
*margin-top: 10px;
float:left;
padding-top: 8px;
padding-bottom: -8px;
}
#side_bar_content {
float: left;
padding: 20px 10px 10px 10px;
width: 110px;
height: 115px;
margin-left: 2px;
*padding: 12px;
*width: 106px;
*height: 101px;
*margin-top: 7px;
*margin-left: 1px;

letter-spacing: 0em;
*letter-spacing: 0em;
line-height: 1.4em;
}
#side_links{
padding-left: 20px;
}
#side_top {
height: 295px;

}
.vote_div {
width: 120px;
height: 90px;
margin-left: 18px;  
}
.vote_story {
margin-left: 0px;
margin-top: 15px;
float:left;
width: 40px;
height: 46px;
}
.vote_post {
margin-left: 0px;
margin-top: 40px;
float:left;
width: 40px;
height: 46px;
}
.vote_member {
margin-left: 0px;
margin-top: 23px;
float:left;
width: 40px;
height: 60px;
}
.vote_story_pic {
cursor: pointer;
/* background: url(sitepic/btn-cicadas0.png); */
background-image: url(sitepic/btn-cicadas1.png);
background-repeat: no-repeat;
background-position: -10px -10px;
width: 40px;
height: 46px;
*behavior: url(iepngfix.htc);
/* background-color: #333; */
}
.vote_post_pic {
cursor: pointer;
/* background: url(sitepic/btn-beetle1.png); */
background-image: url(sitepic/btn-beetle0.png);
background-repeat: no-repeat;
background-position: -10px -10px;
width: 40px;
height: 46px;
*behavior: url(iepngfix.htc);
/* background-color: #000; */
}
.vote_member_pic {
cursor: pointer;
/* background: url(sitepic/btn-woodpecker1.png); */
background-image: url(sitepic/btn-woodpecker0.png);
background-repeat: no-repeat;
background-position: -10px -10px;
width: 40px;
height: 60px;
*behavior: url(iepngfix.htc);
/* background-color: #666; */
}
#side_title{
margin-left: -10px;
margin-bottom: -10px;
position: relative;
/* z-index: 4; */
}
.side_bar, .side_bar1, .side_bar2, .side_bar3 {
background-image: url(sitepic/side_bar_new.png);
background-position: top center;
background-repeat: no-repeat;
width: 135px;
height: 185px;
float:left;
*float:none;
margin-top: 5px;
margin-left: 10px;
*margin-top: 3px;
*margin-left: 8px;
*behavior: url(iepngfix.htc);
/* z-index: 3; */

}
.side_bar2, .side_bar3 {
display:none;
}

#side_bar ul{
margin-left: 5px;
}
#sidebanner{
background-image:url(sitepic/side_bar_new.png);
background-position: top center;
background-repeat: no-repeat;
text-align: center;
margin-top: -15px;
height: 200px;
margin-bottom: 20px;
}

/*--首頁--*/

.homepage-body-top {
width: 750px;
height: 21px;
background: url(sitepic/hp-bg-top.png) center top no-repeat; */

}
.homepage-body-bottom {
width: 750px;
height: 20px;
margin-bottom: 30px;
background: url(sitepic/hp-bg-bottom.png) center bottom no-repeat; */

}

#home-news {
height:45px;
overflow:hidden;
line-height:100%;
background-image:url('sitepic/newsbg.png');
background-repeat:no-repeat;
padding-left:34px;
padding-top:1px;
}

.homepage-body {
width: 730px;
font-size: 16px;
color: #000;
background-color: #fffcd5;
background-color: #adad5c;
/* C36228 */
padding: 10px;
  height: 1%;
  _height: 1%;
  overflow: hidden;
}
#homepage-left {
margin-left:15px;
width: 545px;
float:left;
/* background: url(sitepic/homepage-center-bg.png) right top repeat-y; */

}
#homepage-right {
width: 160px;
float:right;


}
#homepage-title {
margin-right: 30px;
margin-bottom: 10px;
background: url(sitepic/homepage-title.png) right 12px no-repeat;
height: 98px;

}
#homepage-title-pic {

}
#homepage-title-logo {
float:left;
margin-top: 20px;
}
#homepage-title-desc {
float:left;
FONT-SIZE:24px;
COLOR:#7D0000;
FONT-FAMILY:微軟正黑體,新細明體;
margin-top: 36px;
margin-left: 18px;
width: 250px;
}
#homepage-today-story {
  height: 1%;
  _height: 1%;
  overflow: hidden;
  width: 500px;
  padding-bottom: 20px;
}
#homepage-today-story-pic {
border: 5px #FFFFFF solid;
width: 250px;
float: left;
padding: 0px;
overflow:hidden;
}
#homepage-today-story-desc-0 {
float: left;
width: 220px;
margin-left: 10px;
  letter-spacing: 0.08em;
  *letter-spacing: 0em;
  line-height: 1.3em;
}
#homepage-today-story-desc {
color: #363618;
float: left;
width: 490px;
margin-right: 50px;
*margin-right: 25px;
letter-spacing: 0.08em;
*letter-spacing: 0em;
line-height: 1.3em;
}
#homepage-today-story-more-0 {
text-align: right;
width: 210px;
}
#homepage-today-story-more {
text-align: right;
float: right;
width: 400px;
/*
margin-right: 50px;
*margin-right: 25px;
*/
}
#homepage-media {


  height: 1%;
  _height: 1%;
  overflow: hidden;
}
#homepage-media-div {
float:left;
}
#homepage-media-desc {
color: #363618;
float:left;
margin-left: 10px;
width: 220px;
letter-spacing: 0.08em;
*letter-spacing: 0em;
line-height: 1.3em;
}
#homepage-side-title{
margin-left: 26px;
margin-bottom: 20px;
}
#homepage-news {
text-align:left;
margin-left:24px;
}
#homepage-news li{
width: 110px;
}
#homepage-side-bar {
margin-top: 10px;
margin-bottom: 10px;
}
#homepage-book-pic {
padding-top:0px;
padding-bottom:0px;
margin-left:26px;
text-align:center;
width:90px;
border: 2px #aa5851 solid;
overflow: hidden;
}
#homepage-writer-pic {
padding-top:0px;
padding-bottom:0px;
margin-left:12px;
text-align:center;
width:120px;
height:120px;
border: 2px #aa5851 solid;
overflow: hidden;
}

#homepage-book-pic-inside {
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
margin-left:34px;
text-align:center;
width:90px;
height:125px;
border: 2px #FFCC00 solid;
overflow: hidden;

}
#homepage-writer-pic-inside {
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
margin-left:18px;
text-align:center;
width:120px;
height:120px;
border: 2px #FFCC00 solid;
overflow: hidden;

}
#homepage-writer {
margin-top: 5px;
margin-left:18px;
width: 110px;
text-align:center;
font-family: 微軟正黑體, 新細明體;
}
#homepage-book {
margin-left:24px;
width: 110px;
font-family: 微軟正黑體, 新細明體;
}
#homepage-writer-menu, #homepage-book-menu {
margin-left:26px;
width: 110px;
font-family: 微軟正黑體, 新細明體;
color:#CCCC00;
}
/* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/

/*--主要內容區--*/
#content{
width:750px;
float:right;
}

#content_top{
height: 112px;
background: url(sitepic/inside_top2.png) left top no-repeat;


/* behavior: url(http://127.0.0.1/home2/iepngfix.htc); */

position: relative;
/* z-index: 1; */
}
#content_top_full{
height: 112px;
background: #716759 url(sitepic/inside_top_full.png) left top no-repeat;
/* behavior: url(http://127.0.0.1/home2/iepngfix.htc); */

}
#img_logo{
margin-top: 30px;
margin-left: 46px;
margin-bottom: 32px;

}
#content_mid{
/* background:#fff ; */
background: #716759 url(sitepic/inside_mid2.png) left bottom repeat-y;
padding-top: 0px ;
padding-bottom: 25px ;
padding-left: 50px ;
padding-right: 50px ;
position: relative;
/* z-index: 2; */
}
#content_bottom{
height: 146px;
background: #716759 url(sitepic/inside_bottom2.png) left top no-repeat;
/* behavior: url(http://127.0.0.1/home2/iepngfix.htc); */

padding-bottom: 1px;
margin-bottom: 25px;
}
/* --------------------------------------------------------------- 側邊欄位區 ---------------------------------------------------------------*/

/*--側邊欄位區--*/
#links{
/* width:270px ; */
width:171px;
float:left;
background: #716759 url(sitepic/links1.png) right top no-repeat;

padding:0px;
margin-top:0px;
/* background: #FF0000; /* deleteme */ */

}


/*--頁尾--*/
#footer{
clear:both ;
padding-top:5px;
padding-left:10px;
text-align: center ;
height: 30px;
color:#666666 ;
height: 50px;
overflow: hidden;
/*
border-top:1px solid #FF9600 ;
*/
background: #716759 url(sitepic/footer.png) top right no-repeat;

}

/*--頁尾--*/
#footer p{
line-height: 160% ;
}

#footer #bottom{
float:left;
width:200px;
line-height: 160% ;
}

#footer #bottom2{
width:539px;
float:left;
margin-left: 0px;
margin-top: 10px;
line-height: 150% ;
text-align: center;
color: #FFFFFF;
}

#footer #bottom3{
width:170px;
float:right;
margin-top: 10px;
margin-left: 0px;
padding-right: 30px;
line-height: 250% ;
text-align: right;
}

#footer-icon {

}

div.active{
	border: 0px #666666 solid;
	/* background-color: #FFFF00; */
	padding: 1px;
	/* width:50px; */
	float:left;
	text-align: center;
}
div.inactive{
	border: 0px #666666 solid;
	padding: 1px;
	float:left;
	text-align: center;
}
li{
  *margin-top: -2px;
}
#img_banner{
	padding-top:7px;
}

#Div00 {
background-color: #CCCC66; /* #faf6ad */
margin: 20px 0px 0px 0px;
}
#content_textarea_div {
background-color: #CCCC66; /* #faf6ad */
margin: 20px 0px 0px 0px;
padding:0px 20px 0px 20px;
letter-spacing: 0.1em;
*letter-spacing: 0em;
line-height: 1.6em;
}
#Div01, #Div02, #Div03, #Div04, #Div05, #Div06 {
background-color: #CCCC66; /* #faf6ad; */
padding:20px 20px 50px 20px;
letter-spacing: 0.1em;
*letter-spacing: 0em;
line-height: 1.6em;
}

#content_textarea_div p:first-letter{

color:#7D0000;
font-size:3em;
font-weight:bold;
font-family:標楷體;
margin-right:2px;
display:block;
line-height:0.8em;
float:left;

}

#Div00top {
float:right;
position: relative;
}

#Div01func {
width:100%;
float: left;
text-align: right;
position: relative;
height: 40px;
}

#Div00bottom {
float:right;
position: relative;
}

#article_header {
COLOR: #D59052;
}
#article_title {
FONT-SIZE:40px;
FONT-WEIGHT:BOLD;
COLOR:#7D0000;
FONT-FAMILY:新細明體;
}
#article_desc {
FONT-SIZE:16px;
color: #444444;
FONT-STYLE: italic; 
letter-spacing: -1px;
FONT-FAMILY:標楷體;

}
#article_fontsize {
text-align:right;
}
#article_author {
margin-top:10px;
text-align:right;
}
#article_date {
text-align:right;
}
#article_origin {
color: #C36228;
padding-top:0px;
}
#li_date{
FONT-FAMILY:標楷體;

FONT-SIZE:11px;
letter-spacing: -2px;
text-align:center;
padding-top:4px;
color: #CCCC66; /* #faf6ad */
}
#li_year{
FONT-FAMILY:標楷體;

FONT-SIZE:11px;
padding-top:8px;
text-align:center;
color: #C36228;
}
.zoom-font #font-small {
	font-size: 13px;
}
.zoom-font #font-medium {
	font-size: 15px;
}
.zoom-font #font-large {
	font-size: 18px;
}

div#menu_about, div#menu_say, div#menu_listen {
	width: 124px;
	height: 30px;
	overflow: hidden;
	background: #716759 url(sitepic/scroll.png) top center no-repeat;
	
	position: relative;
	float:left;
	cursor:pointer;
	text-align:center;
  z-index: 98;
  display: block;
}

div#menu_about span, div#menu_say span, div#menu_listen span {
	display: block;

}

div#menu_about a, div#menu_say a, div#menu_listen a{
	display: block;
	height:20px;
}

div#menu_about a:hover, div#menu_say a:hover, div#menu_listen a:hover {
	/* behavior: url(http://127.0.0.1/home2/iepngfix.htc); */
	/* background: url(sitepic/scroll-mouse.png) top center no-repeat; */
	background-color: #990000;
	color: #FFFFFF;
	/*
background: url(sitepic/scroll-mouse.png) top center no-repeat;
*/
	height:20px;
	
filter:alpha(opacity=50);
opacity: 0.5;

}

#headmenu {
	width: 124px;
	height: 30px;
	float:left;
	text-align:center;
	background: #716759 url(sitepic/scroll.png) top left no-repeat;
	
}

div#headmenu span, div#headmenu span {
	display: block;
}

#imgmenu {
	margin-top :7px;
	
}

#login_frame{
padding-left:145px;
}

#login_form {
background-image: url(sitepic/loginbg.png);
background-position: top left;
background-repeat: no-repeat;
width: 375px;
height: 259px;
}

#login_title {
width: 100%;
height: 65px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
padding-top: 2px;
}

#login_name {
font-weight: bold;
font-size:18px;
text-align: center;
height: 30px;
}
#login_pass {
font-weight: bold;
font-size:18px;
text-align: center;
height: 35px;
}

#login_name input{
font-family:"verdana","Georgia","apple LiGothic Medium","arial","Courier","Helvetica","Times";
font-size:18px;
background-color: #FFFCE1;
}

#login_pass input{
font-family:"verdana","Georgia","apple LiGothic Medium","arial","Courier","Helvetica","Times";
font-size:18px;
background-color: #FFFCE1;
}

#login_button {
text-align: center;
height: 80px;
}

#login_status {
width: 100%;
text-align: center;
color: #FFFCD5;
font-weight: bold;
font-size: 16px;
}

#house_intro {
width: 100%;
text-align: center;
color: #363618;
height: 20px;
font-weight: bold;
font-size: 16px;
margin-bottom: 5px;
}

#house_intro a, #house_intro a:visited, #house_intro a:active, #house_intro a:link{
color:#FF6600;
text-decoration: underline;
}
#house_intro a:hover{
color:#CC0000;
text-decoration: none;
}

#register_form {
background-image: url(sitepic/register_bg.png);
background-position: top left;
background-repeat: no-repeat;
width: 502px;
height: 282px;
}

#register_level {
height: 250px;
}

#register_name {
padding-top: 70px;
padding-left: 20px;
font-size:14px;
color: #a95254;
}

#register_pass {
padding-top: 1px;
padding-left: 20px;
font-size:14px;
color: #a95254;
}

#register_mail {
width: 502px;
padding-top: 1px;
padding-left: 20px;
font-size:14px;
color: #a95254;
}

#register_btn {
padding-top: 0px;
}

#register_name input,#register_pass input,#register_mail input{
font-family:"verdana","Georgia","apple LiGothic Medium","arial","Courier","Helvetica","Times";
font-size:18px;
background-color: #FFFCE1;
}

#cate {
display:none;
}

.inputform input,.inputform textarea,.inputform select {
  font-family:"verdana","Georgia","apple LiGothic Medium","arial","Courier","Helvetica","Times";
  border:1px solid #999999;
  background-color: #FBF5CF;
  color:#67b525;
  font-size:13px;
  line-height:16px;
  margin:2px 0 0 0;
  padding:3px 2px 3px 2px;
}

.inputform input:hover, .inputform textarea:hover, .inputform select:hover {
	border-color: #6D9FD7 !important;
	border-width: 1px;
}
.inputform input:focus,.inputform textarea:focus, .inputform select:focus  {
	border-color: #EDC67C !important;
	border-width: 1px;
}

.submit input {
	padding: 3px 10px;
	border: none;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	cursor: pointer;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.submit input {
	border-color: #C1232D !important;
	font-weight: bold;
	color: #FFF !important;
	background: #EF7421 url(sitepic/btm.png) repeat-x scroll left top;
}

.submit input:active {
	background: #EF7421 url(sitepic/btm-active.png) repeat-x scroll left top !important;
}

#div_say_top {
background: #CCCC66 url(sitepic/say-top-bg.png) left top no-repeat;
/* #faf6ad; */
padding-left: 9px;
height: 107px;
}

#div_input_title {
width:460px;
padding-top: 15px;
}

#div_input_tag {
width:460px;
overflow: hidden;
padding-top: 12px;
}

#div_input_textarea {
background: #CCCC66 url(sitepic/say-textarea-bg.png) left top no-repeat;
/* #faf6ad; */
width:520px;
height: 400px;
}

#div_input_buttom {

width:500px;
text-align:right;
padding-top: 20px;
overflow: hidden;
}

#div_btn_say_flame{
float:right;
margin-right:10px;
margin-top:5px;
}

#div_input_title_image {
width: 70px;
float:left;
}

#div_input_title_input {
float:left;
}

#div_input_tag_image {
width: 70px;
float:left;
}

#div_input_tag_input {
width: 310px;
height: 50px;
float:left;
line-height: 20px;
}

#div_input_textarea_image {
padding-left: 10px;
padding-top: 8px;
}

#div_input_textarea_input {
padding-left: 30px;
padding-top: 4px;
}

#blankpng {

}

.blankpng {

}

/* listen-text */
#listen_div {
  /* width: 650px; */
  width: 670px;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
    
}

#listen_left_div {
  float:left;
  /* width: 490px; */
  width: 460px;
  /* padding-right: 20px; */
  padding-right: 40px;
  *padding-right: 10px;
  /* border-right: 4px #7D0000 solid; */
}

#listen_right_div {
  float:right;
  /* width: 120px; */
  width: 160px;
}

#listen_block {
  margin-bottom: 10px;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
}

#listen_block_title{
  height: 60px;
  margin-bottom: 5px;
}
#listen_block_title img, #listen_block2_title img {
  
}
#listen_block_pic{
  float:left;
  border: 1px #F00 solid;
  width: 180px;
  height: 260px;
  margin-right: 5px;
}
#listen_block_right {
  float:right;
  width:280px;
}
#listen_block_article{
  float:left;
  width: 200px;
  margin-bottom: 20px;
  height: 1%;
}
#listen_block_article a{
  FONT-SIZE:40px;
  FONT-WEIGHT:BOLD;
  COLOR:#7D0000;
  FONT-FAMILY:新細明體;
}
#listen_block_date{
  float: right;
  width: 53px;
  height: 53px;
  background: #CCCC66 url(sitepic/date_mark.png) right top no-repeat;
  /* #faf6ad; */
  *behavior: url(iepngfix.htc);
  FONT-FAMILY:Times New Roman;  
  FONT-SIZE:20px;
}
#split_year{
  color: #CCCC66; /* #faf6ad; */
  margin-top: 2px;
  letter-spacing: -1px;
  text-align: center;

}
#split_date{
  color: #c36228;
  margin-top: 2px;
  letter-spacing: -1px;
  text-align: center;

}
#listen_block_desc{
  float:left;
  width: 100%;
  height: 90px;
  letter-spacing: 0.08em;
  *letter-spacing: 0em;
  line-height: 1.3em;
  margin-bottom: 30px;
}
#listen_block_more{
  float:right;
  text-align: right;
  width: 100%;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
}


#listen_block2 {
  margin-bottom: 10px;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
}

#listen_block2_right {
  float:right;
  width:100%;
}
#listen_block2_article{
  float:left;
  width: 200px;
  margin-bottom: 20px;
  height: 1%;
}
#listen_block2_article a{
  FONT-SIZE:40px;
  FONT-WEIGHT:BOLD;
  COLOR:#7D0000;
  FONT-FAMILY:新細明體;
}
#listen_block2_date{
  float: right;
  width: 53px;
  height: 53px;
  background: #CCCC66 url(sitepic/date_mark.png) right top no-repeat;
  /* #faf6ad; */
  FONT-FAMILY:Times New Roman;  
  FONT-SIZE:20px;
}
#listen_block2_desc{
  float:left;
  width: 200px;
  height: 90px;
  letter-spacing: 0.08em;
  *letter-spacing: 0em;
  line-height: 1.3em;
  margin-bottom: 30px;
  height: 1%;

}


#listen_block3 {
  margin-bottom: 10px;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
  border-bottom: 1px #7D0000 solid;
}

#listen_block3_right {
  float:right;
  width:100%;
}
#listen_block3_article{
  margin-top: 3px;
  margin-bottom: 25px;
  height: 1%;
  _height: 1%;
  overflow: hidden;
  _overflow: none;
  word-break:break-all;
}

#listen_block3_desc{
  height: 90px;
  letter-spacing: 0.08em;
  *letter-spacing: 0em;
  line-height: 1.5em;
  margin-bottom: 0px;
  height: 1%;
}

#listen_block3_article a{
  FONT-SIZE:24px;
  COLOR:#7D0000;
  /* FONT-WEIGHT:BOLD; */
  FONT-FAMILY:標楷體;
}

#listen_block3_date{
  float: right;
  width: 53px;
  height: 53px;
  background: #CCCC66 url(sitepic/date_mark.png) right top no-repeat;
  /* #faf6ad; */
  FONT-FAMILY:Times New Roman;  
  FONT-SIZE:20px;
}

#listen_block3_link{
  float:right;
  margin-bottom: 10px;
}

#listen_pager {
  float:right;
}

.div_cat {
display:none;
}
.div_tag {
display:none;
}

.tooltip{
position:absolute;
top: -99999px;
left:1000px;
background:url(sitepic/tooltip-1b.png) no-repeat 0 0;
*behavior: url(iepngfix.htc);
height:28px;
z-index:900;
padding-left:23px;
overflow:hidden;
}

.tooltip-content {
float:left;
overflow:hidden;
height:28px;
padding:4px 2px 0px 2px;
_padding:7px 2px 0px 2px;
color:#645930;
background:url(sitepic/tooltip-2b.png) repeat-x 0 0;
white-space:nowrap;
}

.tooltip span{
float:left;
width:23px;
height:28px;
background:url(sitepic/tooltip-3b.png) no-repeat 0 0;
*behavior: url(iepngfix.htc);
}
/* listen-text over */


#storybox_div {
width: 100%;
  height: 1%;
  _height: 1%;
  overflow: hidden;
}
#storybox_content_nav {
margin-left:15px;
}
#storybox_left {
width: 161px;
float: left;
}

#storybox_right {
width: 505px;
float: right;
}

#storybox_userbg {
background:url(sitepic/storybox_userbg.png) no-repeat 0 0;
width: 146px; /* 161-15=146 */
height: 263px;
overflow: hidden;
padding-left:15px;
}

#storybox_whoscome {
background:url(sitepic/storybox_whoscome.png) no-repeat 0 0;
width: 146px; /* 161-15=146 */
height: 216px;
margin-top: 10px;
overflow: hidden;
padding-left:15px;
}

#storybox_command {
margin-top: 0px;
margin-bottom: 10px;
}

#storybox_content_mid{
/* background:#fff ; */
background: #716759 url(sitepic/inside_mid2.png) left bottom repeat-y;
padding-top: 0px ;
padding-bottom: 25px ;
padding-left: 35px ;
padding-right: 35px ;
position: relative;
/* z-index: 2; */
}

#mycreate_table {
width: 487px;


}

#mycreate_table_level {
width: 487px;
float:left;
background-color: #FDFCDD;
border-bottom: 1px solid #CCCCCC;
margin-top: 2px;
padding-bottom: 2px;
}

#mycreate_table_1 {
float:left;
width: 36px;
padding:2px;
}
#mycreate_table_2 {
float:left;
width: 135px;
padding:2px;
}
#mycreate_table_3 {
float:left;
width: 44px;
padding:2px;
}
#mycreate_table_4 {
float:left;
width: 44px;
padding:2px;
}
#mycreate_table_5 {
float:left;
width: 44px;
padding:2px;
}
#mycreate_table_6 {
float:left;
width: 46px;
padding:2px;
}
#mycreate_table_65 {
float:left;
width: 148px;
padding:2px;
}
#mycreate_table_7 {
float:left;
width: 96px;
padding:2px;
}

#mycollect_table {
width: 487px;
}

#mycollect_table_level {
width: 487px;
float:left;
background-color: #FDFCDD;
border-bottom: 1px solid #CCCCCC;
margin-top: 2px;
padding-bottom: 2px;
}

#mycollect_table_1 {
float:left;
width: 36px;
padding:2px;
}
#mycollect_table_2 {
float:left;
width: 135px;
padding:2px;
}
#mycollect_table_3 {
float:left;
width: 96px;
padding:2px;
}
#mycollect_table_4 {
float:left;
width: 96px;
padding:2px;
}
#mycollect_table_45 {
float:left;
width: 148px;
padding:2px;
}
#mycollect_table_5 {
float:left;
width: 96px;
padding:2px;
}

#myhouse{
}
#mycreate{
}
#mycollect{
}

#div_btn_mycreate{
background: url(sitepic/storybox_btn_mycreate1.png) left top no-repeat;
background: url(sitepic/storybox_btn_mycreate.png) left top no-repeat;
width: 98px;
height: 28px;
float:left;
}
#div_btn_mycollect{
background: url(sitepic/storybox_btn_mycollect1.png) left top no-repeat;
background: url(sitepic/storybox_btn_mycollect.png) left top no-repeat;
width: 98px;
height: 28px;
float:left;
}
#div_btn_myhouse{
background: url(sitepic/storybox_btn_myhouse.png) left top no-repeat;
background: url(sitepic/storybox_btn_myhouse1.png) left top no-repeat;
width: 98px;
height: 28px;
float:left;
}

#div_my_pic{
margin-left: 14px;
margin-top: 25px;
text-align:center;
font-size:16px;
width:100px;
height:100px;
border: 1px #ccc solid;
background-color: #FFFFFF;
overflow: hidden;
}

#div_my_pic_message{
margin-left: 0px;
margin-top: 0px;
text-align:center;
font-size:16px;
width:100px;
height:100px;
border: 1px #ccc solid;
background-color: #FFFFFF;
overflow: hidden;
}

#div_who_title{
margin-top: 30px;
margin-bottom: 5px;
}

#div_who_pic{
text-align:center;
word-wrap:break-word;
font-size:10px;
width:40px;
height:40px;
margin-right: 2px;
margin-bottom: 2px;
border: 1px #ccc solid;
background-color: #FFFFFF;
overflow: hidden;
float:left;
}

#user_my_name{
width: 140px;
}
#user_my_data{
float:left;
width: 140px;
}

#modify_my_data{
float:right;
text-align:right;
margin-right:10px;
width: 80px;

}

#div_book_upon, #div_writer_upon, #div_news_upon{
width: 100%;
overflow: hidden;
}

#div_book_upon_left, #div_writer_upon_left, #div_news_upon_left{
width: 150px;
float:left;
margin-top: 20px;
}

#div_book_upon_right, #div_writer_upon_right, #div_news_upon_right{
width: 415px;
padding: 10px;
float:left;
margin-top: 20px;
margin-left: 30px;
letter-spacing: 0.1em;
}

#div_writer_name {
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
text-align:center;
margin-left:10px;
color:#FFF;
}

#div_book_name, #div_news_name{
font-size: 16px;
font-weight: bold;
padding-bottom: 0px;
}

#div_book_publisher, #div_writer_intro {
font-size: 12px;
padding-bottom: 20px;
margin-left:20px;
color: #FFCC00;
}

#div_writer_title {
font-size: 30px;
padding-bottom: 30px;

margin-left:20px;
color: #CC6600;
FONT-FAMILY:微軟正黑體,新細明體;
}

#div_writer_story {
font-size: 16px;
padding-bottom: 20px;
margin-left:20px;

line-height: 1.3em;
letter-spacing: 0.1em;
}

#div_writer_story br {
letter-spacing:normal;
}


#div_news_intro {
font-size: 12px;
padding-bottom: 20px;
}

#div_book_shortintro, #div_writer_storytitle, #div_news_storytitle{
font-size: 16px;
margin-bottom: 50px;
}

#div_book_depart, #div_writer_depart, #div_news_depart{

background-repeat: no-repeat;
width: 620px;
height: 21px;
}

#div_book_bottom, #div_writer_bottom, #div_news_bottom{
width: 100%;
overflow: hidden;
margin-left: 30px;
margin-top: 20px;
}

#div_book_flame_upon, #div_writer_flame_upon, #div_news_flame_upon, #div_say_flame_upon{
background-image: url(sitepic/red_flame_upon.png);
background-repeat: no-repeat;
width: 502px;
height: 35px;
float:left;
color: #FFFFFF;
}
#div_book_flame_txt, #div_writer_flame_txt, #div_news_flame_txt, #div_say_flame_txt{
font-size: 16px;
font-weight: bold;
margin-top: 7px;
margin-left: 20px;
}
#div_book_flame_mid, #div_writer_flame_mid, #div_news_flame_mid, #div_say_flame_mid{
width: 460px;
float:left;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #FDFCDD;
padding: 20px;
}
#div_book_flame_bottom, #div_writer_flame_bottom, #div_news_flame_bottom, #div_say_flame_bottom{
background-image: url(sitepic/red_flame_bottom.png);
background-repeat: no-repeat;
width: 502px;
height: 35px;
float:left;
margin-bottom: 20px;
}
#div_say_post{
width:100%;
height: 20px;
}
#div_say_flame_all{
  height: 1%;
  _height: 1%;
  overflow: hidden;
}
#div_say_post_upon{
width:100%;
height: 40px;
overflow:hidden;
}
#div_say_post_bottom{
width:100%;
}
#div_say_post_upon_left{
width: 50px;
float:left;
text-align:right;
margin-right:10px;
}
#div_say_post_upon_right{
width: 400px;
float:left;
}
#div_say_post_bottom_left{
width: 50px;
float:left;
text-align:right;
margin-right:10px;
}
#div_say_post_bottom_right{
width: 400px;
float:left;
line-height: 20px;
}
#div_say_post_bottom_right input{
border: 0;
}
#div_say_post_tag{
width: 350px;
}

#small_red_flame_upon{
width: 150px;
height:20px;
background-image: url(sitepic/small_red_flame_upon.png);
background-repeat: no-repeat;
}
#small_red_flame_bottom{
width: 150px;
height:20px;
margin-bottom: 20px;
background-image: url(sitepic/small_red_flame_bottom.png);
background-repeat: no-repeat;
}
#small_red_flame_mid{
width: 148px;
border-left: 1px solid #aa5851;
border-right: 1px solid #aa5851;
background-color: #FDFCDD;
padding-top:10px;
padding-bottom:10px;
}
#small_red_flame_mid_inside{
width: 148px;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #E0D2B6;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
#small_red_flame_mid_inside img{
border: 2px solid #8D1817;
}
#big_red_flame_upon{
background-image: url(sitepic/red_flame_upon.png);
background-repeat: no-repeat;
width: 502px;
height: 35px;
float:left;
color: #FFFFFF;
*behavior: url(iepngfix.htc);
}
#big_red_flame_txt{
font-size: 16px;
font-weight: bold;
margin-top: 7px;
margin-left: 20px;
color: #FFFFFF;
}
#big_red_flame_mid{
width: 460px;
float:left;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #FDFCDD;
padding: 20px;
}
#big_red_flame_mid_house{
width: 480px;
float:left;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #d1d2d3; /* #FDFCDD; */
padding: 10px;
}
#big_red_flame_mid_create{
width: 480px;
float:left;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #FDFCDD;
padding: 10px;
}
#big_red_flame_bottom{
background-image: url(sitepic/red_flame_bottom.png);
background-repeat: no-repeat;
width: 502px;
height: 35px;
float:left;
margin-bottom: 20px;
*behavior: url(iepngfix.htc);
}
#big_red_flame_all{
  height: 1%;
  _height: 1%;
  overflow: hidden;

}
#big_red_flame_all_1{
  height: 1%;
  _height: 1%;
  overflow: hidden;

}
#big_red_flame_all_center{
  height: 1%;
  _height: 1%;
  overflow: hidden;
  margin-left: 70px;
}
#big_red_flame_all_for_message{
  height: 1%;
  _height: 1%;
  overflow: hidden;
}



#link_level{
width:100%;
overflow:hidden;
}
#link_block{
width: 145px;
height: 145px;
margin-left: 5px;
margin-right: 0px;
margin-top: 3px;
margin-bottom: 2px;
float:left;

}
#link_site_pic{
width: 120px;
height: 120px;
border: 1px solid #8D1817;
background-color: #FEFEF1;
overflow:hidden;
}

#big_red_flame_mid_contact{
width: 500px;
float:left;
border-left: 1px solid #8D1817;
border-right: 1px solid #8D1817;
background-color: #FDFCDD;

}

#contact_message_left{
width: 120px;
float:left;
}
#contact_message_right{
border-left: 1px solid #8D1817;
padding-left:5px;
width: 330px;
float:left;
}
#contact_message_right_2{
border-left: 1px solid #8D1817;
padding-left:5px;
width: 265px;
float:right;
}
#contact_message_left_inside{
padding:5px;
width: 110px;

word-wrap:break-word;
}
#contact_message_right_upon{
padding:5px;
}
#contact_message_right_bottom{
border-top: 1px solid #8D1817;
padding:5px;
padding-left:20px;
padding-top:10px;
}

#shop_level{
}
#shop_left{
float:left;
border-right: 1px solid #8D1817;
width: 100px;
}
#shop_right{
float:left;
padding-left: 20px;
width: 330px;
overflow:hidden;
}
#shop_right input{
border: 0;
}

#item_level{
overflow:hidden;

}
#item_block{
width: 140px;
height: 140px;
margin-left: 15px;
margin-right: 0px;
margin-top: 3px;
margin-bottom: 20px;
float:left;

}
#item_pic{
width: 120px;
height: 120px;
border: 1px solid #8D1817;
background-color: #FEFEF1;
overflow:hidden;

}
#inv_div_forie{
height:0px;
*height:20px;
}
#login_status a{
color: #FFFF00;
}
#login_status a:hover{
color: #FF6600;
}

#psnl_cmd{
background-image: url('sitepic/newsbg1.png');
background-repeat: no-repeat;
height: 25px;
text-align: right;
padding-right: 40px;
}

#div_intro_top{
background-image: url('sitepic/intro_bg1.png');
background-repeat: no-repeat;
width:638px;
height: 25px;

}
#div_intro_mid{
width:638px;
background-image: url('sitepic/intro_bg2.png');
background-repeat: repeat-y;
overflow:hidden;
}
#div_intro_bottom{
background-image: url('sitepic/intro_bg1.png');
background-repeat: no-repeat;
width:638px;
height: 25px;

}



#small_red_flame_all {
overflow:hidden;

}

#small_red_flame_floatleft {
float:left;
margin-right: 30px;

}



#small_red_flame_mid a, #small_red_flame_mid a:visited, #small_red_flame_mid a:active, #small_red_flame_mid a:link{
color:#FF6600;
}
#small_red_flame_mid a:hover{
color:#CC0000;
}



#home_div_top{
margin-left:2px;
background-image: url('sitepic/home_div_top.png');
background-repeat: no-repeat;
background-position: center bottom;
width:532px;
height:14px;
overflow:hidden;
}

#home_div_bottom{
margin-left:2px;
background-image: url('sitepic/home_div_bottom.png');
background-repeat: no-repeat;
background-position: center top;
width:532px;
height:14px;

overflow:hidden;
margin-bottom:40px;
}

#home_div_top2{
margin-left:1px;
background-image: url('sitepic/home_div_top.png');
background-repeat: no-repeat;
background-position: center bottom;
width:534px;
height:6px;
overflow:hidden;
}


#home_div{
background-color: #cccc66;
margin-left:1px;
width:532px;
border-left:1px solid #a3a350;
border-right:1px solid #989852;
border-bottom:2px solid #989852;
margin-bottom: 40px;
}




#home_div_new a, #home_div_new a:visited, #home_div_new a:active, #home_div_new a:link{
color:#FFFFFF;
}
#home_div_new a:hover{
color:#FFCC00;
}


#home_div_new{
width:534px;
height:304px;
background-repeat:no-repeat;
margin-bottom: 40px;
overflow:hidden;
}

#home_div_new_title{
width:500px;
height:32px;
text-align:right;
font-size:26px;
color:#FFFFFF;
font-family:微軟正黑體,新細明體;
padding-top:4px;
}

#home_div_new_info{
width:450px;
height:24px;
margin-top:0px;
margin-left:50px;
*margin-left:25px;
font-size:13px;
color:#CCCCCC;
float:left;
}

#home_div_new_textarea{
height:150px;
*height:145px;
overflow:hidden;
width:435px;
margin-left:50px;
*margin-left:25px;
margin-top:10px;
letter-spacing:0.07em;
color:#660000;
line-height:1.3em;
float:left;

}

#home_div_new_textarea br {
  letter-spacing:0em;
}

#home_div_new_continue{
margin-top:-10px;
*margin-top:0px;
margin-left:390px;
*margin-left:195px;
width:100px;
text-align:right;
color:#FF6600;
float:left;
}

#home_div_new_continue a, #home_div_new_continue a:visited, #home_div_new_continue a:active, #home_div_new_continue a:link{
color:#FF6600;
}
#home_div_new_continue a:hover{
color:#CC6600;
}


#home_div_new_pic a, #home_div_new_pic a:visited, #home_div_new_pic a:active, #home_div_new_pic a:link{
color:#FFFFFF;
}
#home_div_new_pic a:hover{
color:#FFCC00;
}

#home_div_new_pic{
width:534px;
height:376px;
background-repeat:no-repeat;
margin-bottom: 40px;
overflow:hidden;
}

#home_div_new_textarea_pic{
width:160px;
height:190px;
margin-left:50px;
*margin-left:25px;
margin-top:10px;
letter-spacing:0.07em;
color:#660000;
line-height:1.3em;
float:left;
}

#home_div_new_textarea_pic br {
  letter-spacing:0em;
}

#home_div_new_continue_pic{
margin-top:4px;
margin-left:56px;
width:100px;
text-align:right;
color:#FF6600;
}

#home_div_new_pic_pic{
float:right;
margin-top:10px;
margin-right:45px;
*margin-right:25px;
}

#home_div_new_pic_pic img{
border: 5px solid #FFFFFF;
}

#home_div_new_continue_pic a, #home_div_new_continue_pic a:visited, #home_div_new_continue_pic a:active, #home_div_new_continue_pic a:link{
color:#FF6600;
}
#home_div_new_continue_pic a:hover{
color:#CC6600;
}

#home_div_new_line2 {

}

#home_div_new_time {
font-size:13px;
height:15px;
text-align:right;
margin-right:3px;
*margin-right:18px;
*margin-top:-6px;
color:#CCCCCC;
float:right;
}

#home_div_new_cate_2 {
float:left;
text-align:left;
margin-left:30px;
*margin-left:25px;
color:#CCCCCC;
}

#home_div_new_ptag_2 {

}

#home_div_new_cate_ptag {
margin-top:9px;
float:left;
font-size:13px;
margin-left:50px;
*margin-left:25px;
width:430px;
color:#CCCCCC;
}

#home_div_new_category {
float:left;
*margin-top:3px;
}

#home_div_new_post_tag {
margin-left:10px;
float:left;width:260px;
}

#home_div_new_post_tag_title {
float:left;
*margin-top:3px;
}

#home_div_new_post_tag_main {
*margin-top:3px;
letter-spacing:0.07em;
float:left;
padding-left:3px;
padding-right:3px;
width:200px;
float:left;
position:relative;
display: block;
z-index: 97;
height:16px;
overflow:hidden;
}

#home_div_new_post_tag_main_append {
*margin-top:3px;
letter-spacing:0.07em;
float:left;
padding-left:0px;
padding-right:3px;
width:350px;
float:left;
position:relative;
display: block;
z-index: 97;
height:16px;
overflow:hidden;
}

#home_div_new_post_tag_more {
float:left;
*margin-top:3px;
margin-left:-11px;
}

#home_div_new_block {
height:80px;
*overflow:hidden;
float:left;
}

/* form start */
/**********************************

Use: cmxform template

***********************************/
form.cmxform fieldset {
	margin-bottom: 10px;
	width: 550px;
	background-color: #FFF;
	padding: 5px;
}

form.cmxform legend {
	font-size: 30px;
	font-family: 標楷體;
	color: #FF0000;
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {

}

form.cmxform fieldset fieldset legend {

}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label {
	width: 150px; 
} /* Width of labels */
form.cmxform fieldset fieldset label { 
margin-left: 103px; 
} /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 30px;
	width: 150px;
	color: #F00;
}

form.cmxform input.submit {
	margin-left: 103px;
	width: 100px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
/* form end */


/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	/* font-style: italic */
}
div.error { display: none; }
input {	border: 1px solid black; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }


#right_search {
  float: left;
  width: 170px;
  display: none;
}

#search-box {
  float:left;
  width:100px;
  height:17px;
  color:#999;
  margin:0;
  padding:3px;
}

.search_btn{
  float:left;
  margin-left: 3px;
  border:none;
  *behavior: url(iepngfix.htc);
}

#right_map {
float:left;
margin-right: 3px;
}