/* body ********************************************/
body{
	padding:0px;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-family: taipei;
	background-attachment: scroll;
	background-color: #FFFFFF;
	}
	
/*wrapall*******************************************/
#wrapall{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 950px;
	}

/*link********************************************/
a:link { color: #c30; text-decoration:underline;}
a:visited  { color: #c30; text-decoration:underline;}
a:hover { color: #c30;text-decoration: none;}

.site a:link{color:#fff; text-decoration:underline;}
.site a:visited {color:#fff; text-decoration:underline;}
.site a:hover{color:#fff;text-decoration:none;}

#service a:link{color: #c30; text-decoration:none;}
#service a:visited {color: #c30; text-decoration:none;}
#service a:hover{color: #c30;text-decoration:underline;}

a.menu:link{color:#c30; text-decoration:underline; background-image: url(../img/menu/menu.gif);}
a.menu:visited {color:#c30; text-decoration:underline;background-image: url(../img/menu/menu.gif);}
a.menu:hover{color:#c30;text-decoration:none;background-image: url(../img/menu/menu_on_1.gif);}

a.menu-on:link{color:#000; text-decoration:none;background-image: url(../img/menu/menu_on_1.gif);}
a.menu-on:visited {color:#000; text-decoration:none;background-image: url(../img/menu/menu_on_1.gif);}
a.menu-on:hover{color:#000;text-decoration:underline;background-image: url(../img/menu/menu_on_1.gif);}


h2 a:link{color: #c30; text-decoration:none;}
h2 a:visited {color: #c30; text-decoration:none;}
h2 a:hover{color: #c30;text-decoration:none;}

.pager a:link{color:#888; text-decoration:underline;}
.pager a:visited {color:#888; text-decoration:underline;}
.pager a:hover{color:#888;text-decoration:none;}

.path a:link{color: #c30; text-decoration:underline;}
.path a:visited {color: #c30; text-decoration:underline;}
.path a:hover{	color: #c30;text-decoration:none;}

.responce a:link{color:#888; text-decoration:underline;}
.responce a:visited {color:#888; text-decoration:underline;}
.responce a:hover{color:#888;text-decoration:none;}

.recomd a:link{color:#C33; text-decoration:underline;}
.recomd a:visited {color:#C33; text-decoration:underline;}
.recomd a:hover{color:#C33;text-decoration:none;}

dl .photo a:link{background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo a:visited{background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo a:hover{background:url(../img/album/photo-bg.gif) no-repeat;}

dl .photo-f a:link{background:url(../img/album/photo-f-bg.gif) no-repeat;}
dl .photo-f a:visited{background:url(../img/album/photo-f-bg.gif) no-repeat;}
dl .photo-f a:hover{background:url(../img/album/photo-f-bg.gif) no-repeat;}

.member-link a:link{color: #c30; text-decoration:underline;}
.member-link a:visited {color: #c30; text-decoration:underline;}
.member-link a:hover{color: #c30;text-decoration:none;}

.date-on a:link{color:#fff; text-decoration:none;}
.date-on a:visited {color:#fff; text-decoration:none;}
.date-on a:hover{color:#fff;text-decoration:none;}

li a:link{color:#c30; text-decoration:underline;}
li a:visited {color:#c30; text-decoration:underline;}
li a:hover{color:#c30;text-decoration:none;}

.clink a:link{color:#999900; text-decoration:underline; border-width: 0px;}
.clink a:visited {color:#999900; text-decoration:underline; border-width: 0px;}
.clink a:hover{color:#999900;text-decoration:none; border-width: 0px;}

#footer a:link{color:#000; text-decoration:none;}
#footer a:visited {color:#000; text-decoration:none;}
#footer a:hover{color:#000;	text-decoration:underline;}


/*service*******************************************/
#service {
	color:#C8141D;
	font-size: 13px;
	text-align:right;
	height:35px;
	padding: 5px 30px 0px 0px;
}

/*header******************************************/
#header {
	padding-top: 200px;
	padding-right: 300px;
	padding-left: 260px;
	height: 150px;
}
#header .member {color:#fff;font-size:13px;line-height:160%;}
#header .site {color:#764618;font-size:22px;line-height:160%;font-weight:bold;}
#header .describe {color:#fff;font-size:13px;line-height:160%;}

/*menu*******************************************/

#menu{
	padding:4px 0px 0px 40px;
	margin:0px;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #B6B01C;
	height: 30px;
	}
#menu a{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	width:146px;
	height:24px;
	display:block;
	padding-top: 8px;
	float:left;
	}



/*footer******************************************/
#footer {
	clear: both;
	width:950px;
	left: 150px;
	height: 240px;
	background-image: url(../img/footer/footer_bg.gif);
	background-color: #CCD32A;
}	
#footer .siteinfo {
	color: #000;
	font-size: 13px;
	line-height: 180%;
	padding-top: 50px;
	padding-left: 30px;
	margin-top: -10px;
}
#footer .copyright {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 180%;
	margin: 0px;
	padding-left: 30px;
}

/*others*******************************************/
.em {color: #c00;}
.v-mid {vertical-align: middle;}
.center{
	text-align:center;
	margin: 0px;
}
form {font-size: 12px;
	line-height: 120%;
	color: #333333;
	margin: 0px;}
input {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-top: 3px;
	}
option {color:#333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	margin: 0px;	
    padding-bottom: 4px;
	}
/*icons*******************************************/
.ip-1 {
	background-image: url(../img/blog_ip_01.gif);
	background-repeat: no-repeat;
	}
.ip-2 {
	background-image: url(../img/nav/nav-ip-01.gif);
	background-repeat: no-repeat;
	}
.ip-3 {
	background-image: url(../img/nav/nav-ip-02.gif);
	background-repeat: no-repeat;
	}
.ip-4 {
	background-image: url(../img/content/content_ip_01.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
	}
.ip-5 {
	background-image: url(../img/blog_ip_06.gif);
	background-repeat: no-repeat;
	}
.ip-6 {
	background-image: url(../img/content/content_ip_02.gif);
	background-repeat: no-repeat;
	}
.ip-7 {
	background-image: url(../img/content/content_ip_03.gif);
	background-repeat: no-repeat;
	}
.ip-8 {
	background-image: url(../img/blog_ip_03.gif);
	background-repeat: no-repeat;
	}
.ip-9 {
	background-image: url(../img/blog_ip_05.gif);
	background-repeat: no-repeat;
	}
.ip-10 {
	background-image: url(../img/blog_ip_04.gif);
	background-repeat: no-repeat;
	}
.ip-11 {
	background-image: url(../img/blog_ip_07.gif);
	background-repeat: no-repeat;
	}
.ip-12 {
	background-image: url(../img/blog_ip_02.gif);
	background-repeat: no-repeat;
	}
.ip-13 {
	background-image: url(../img/blog_ip_08.gif);
	background-repeat: no-repeat;
	}

/*mainbody*******************************************/
#mainbody {
	height: 100%;
	background-color: #e8e5d1;
	background-attachment: fixed;
	background-image: url(../img/mainbody-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

/*content******************************************/
#content{
	float:right;
	height: 100%;
	margin:0px;
	overflow: hidden;
	width: 680px;
	padding-right: 10px;
	padding-bottom: 0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}	
.content-inner{
	clear:none;
	float: none;
	width: 660px;
	padding-left: 5px;
	margin-top: 10px;
}
.content-page{
	width: 640px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 15px;
}
dl {
	float: left;
	width: 218px;
	padding-bottom: 5px;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	color: #999;
	overflow: hidden;
	background-color: #FFFFFF;
}
dl dd {
	margin: 0;
	background-color: #FFFFFF;
}
dl dt {padding: 0 10px; margin: 0;}
dl .dd-txt {padding:0 10px;}
dl .photo a {
   display:block;
   width: 230px;
   height:135px;
   padding:20px 0 0;
   background:url(../img/album/photo-bg.gif) no-repeat;}
dl .photo-f a {
   display:block;
   width: 176px;
   height:135px;
   padding:20px 0 0 0;
   background:url(../img/album/photo-f-bg.gif) no-repeat;}
.pager{
    clear:left;
	font-size: 13px;
	color: #888;
	padding:20px 0px;
	margin: 0px; 
	text-align:right;
	}
h2{
	color: #c30;
	font-size: 18px;
	line-height:180%;
	font-weight: bold;
	padding:2px 0px 2px 45px;
	margin:0px;
	background-image: url(../img/content/article-text.gif);
	background-repeat: no-repeat;
}
.date{
    font-size: 12px;
	color: #930;
	padding:3px 20px 3px 0px;
	margin:0px;
	font-family: Arial, sans-serif;
}
.path{color: #CC3300;font-size: 13px; padding:3px 0px 3px 0px; margin:0px;}
.article{clear:both;color: #666666;font-size: 13px;line-height:180%; padding:5px 0px 0px 0px; margin:0px;
	}
.pic-l{float:left;padding:3px 10px 8px 0px;}
.pic-r{float:right;padding:3px 0px 8px 10px;}
.pic-m{text-align:center;padding:3px 10px 4px 10px;margin:0px;}
.pic-big{text-align:center;padding:3px 0px 4px 0px;margin:0px;}
.responce{
    clear: both;
    font-size: 12px;
	color: #888;
	height:30px;  
	padding-top:8px; 
	margin:5px 0px 0px 0px;
	text-align:right;
	}
.recomd{color: #C33; font-size: 13px; line-height:180%;padding:0px 0px 4px 0px; margin: 0px; text-align:right;}
#reply {
    clear:both;
    text-align:left;
	font-size: 13px;
	line-height: 160%;
	color: #666666;
	padding: 10px;
	margin:0px;
	border: 1px dashed #999999;
}
h4{clear:both;color: #666;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}

.editor{
    font-size: 12px;
	color: #999;
	padding:5px 0px; 
	margin:0px;
	text-align:right;
}
.line-dashed {
    clear:left;
    background-image: url(../img/content/line-dashed.gif);
	background-repeat: repeat-x; margin:5px 0px;
}
.post {
	font-size: 13px;
	line-height: 160%;
	color: #999999;
	margin: 0px;
	padding-left: 30px;
	}
.item {
    color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 120px;
	line-height: 180%;
	background-color: #B6B01C;
}
.fill {
    color: #000;
	font-size: 13px;
	line-height: 180%;
	background-color: #FFFFFF;
}
.msg-left {
	float: left;
	width: 130px;
	padding: 0px;
	margin-left:0px;
}
.msg-right {
    float: left;
	width:500px;
	margin-left:10px;
	padding: 5px 0px 0px 10px;
}
.reply-box{
	color: #1C4598;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FFF;
	border: 1px dashed #CDCDCD;
	}
.reply-box-private{
	color: #956843;
	font-size: 13px;
	line-height:180%;
	padding:8px;
	margin:0px;
	background:#FEFEF6;
	border: 1px dashed #D0C7B9;
	}
.h4-reply{color: #CC3300;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.h4-reply-private{color: #CC3300;font-size: 16px;line-height:180%; font-weight: bold; margin:1px 10px 1px 0px;}
.reply-text{color: #000;font-size: 13px;line-height:180%; padding:0px; margin:0px;}
.reply-text-private{color: #000;font-size: 13px;line-height:180%; padding:0px; margin:0px;}

/*colm1*******************************************/
#colm1{
	background: no-repeat 0px 700px;
	height: 100%;
	font-size: 13px;
	line-height: 180%;
	color: #666666;
	overflow: hidden;
	width: 850px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
	padding-left: 50px;
}

/*nav*******************************************/
#nav {
	text-align:center;
	width: 240px;
	height: 100%;
	background-repeat: repeat-y;
	padding-left: 10px;
}
#nav h5 {
	font-size: 15px;
	color: #c30;
	padding-top:12px;
	margin:5px 0px 0px 0px;
	background-image: url(../img/nav/nav-title-bg.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-align: left;
	text-indent: 50px;
}
#nav .member-intro {
    font-size: 13px;
	margin: 0px auto; 
	line-height: 150%;
	width:140px;
}
#nav .member-link{
    color: #c30;
   	font-size: 12px;
	line-height: 170%;
	padding:10px 0px 10px 0px; 
	width:150px;
	margin: 0px; 
	text-align:right;
}
.calendar {
	border: 1px solid #CC3300;
	margin: 0px 0px 5px 0px;
	background-color: #CC3300;
}
#nav .date-off {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #CC3300;
	text-align: center;
	background-color: #FFF;
}
#nav .date-on {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	font-weight: bold;
	color: #CC3300;
	text-align: center;
	background-color: #CC6666;
}
#nav ul{margin: 0px 20px 0px 40px; padding:0px;}
#nav li{
	color:#c30;
	font-size: 13px;
	margin: 0px;
	text-align:left;
	list-style-image: url(../img/nav/nav-ip-03.gif);
	line-height: 220%;
}
.clink {
	margin: 0px 10px 0px 28px;
	font-size: 13px;
	line-height: 180%;
	text-align:left;
}
#nav .log{
    color:#666;
	font-size: 13px;
	line-height: 160%;
	margin: 0px;
}