/* CSS Document */



body {
	font: normal 12px "Times New Roman",Georgia;
	color: #515151;
	background: #ffffff;
	margin:0px; text-align:center;

}
a {	text-decoration: none;}
a:hover,a:active {text-decoration:underline;}

div.centre {
	margin: 0 auto; 
	width: 950px; 
	text-align: center;
	background-image:url(../../gray/tittop.gif);
	background-repeat:no-repeat
}
.clear { clear:both; }


#header {
	width: 950px;
	margin-top:20px;
	padding: 5px 0px;
	text-align: left;
	line-height: 200%;
	height:218px;
}

#header h1 {
    width:950px;
	margin:0px;
	padding:20px;
	font: 22px;
	font-weight:bold;
	height:120px;
	line-height:80px;
	text-align: right;
	color: #000000;
	}


#home {
    width:430px;
	font: 12px "sans-serif";
    text-align: left;
	float:left;
	line-height: 18px;
	color: #000000;
	padding-left: 15px
}
#home a {
	color: #515151;
}
#home a:hover {
	text-decoration: underline;
}
#login {
    width:430px;
	font-size: 12px;
    text-align: right;
	float:right;
	line-height: 18px;
	color: #000000;
	padding-right: 15px
}
#login a {
	color: #515151;
}
#login a:hover {
	text-decoration: underline;
}

#caidan {
    width:950px;
	padding:5px 15px;
	font-size: 14px;
	font-weight:bold;
    text-align: right;
	line-height: 18px;
	color: #515151;
}
#caidan li {list-style:none; display:inline; width:90px; padding:0px; margin:0px}
#caidan li a {
	color: #515151;
}
#caidan li a:hover {color: #000000;
	text-decoration: underline;
}



#main {
	width: 950px; background-image: url(../../gray/line.gif); background-repeat:repeat-y }
	
#main2 {
	width: 950px; background-image: url(../../gray/line.gif); background-repeat:repeat-y }

#pages{ font-size:12px; color:#515151; margin:20px 0px}
#pages td a {color: #8b664f; font-weight:bold}
#pages td a:hover {color: #8b664f;	text-decoration: underline;}


/*mainindex*/
#mainindex{ width:560px; float:left; padding:15px 10px 10px 10 px}
#mainindex h1 {font-size:14px; text-align:left; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 15px; margin:10px 0; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-bottom:10px}

#entryheader2{ text-align:left; font-size:14px; font-weight:bold; line-height:25px; color:#c41e38; padding:0 0 5px 15px; margin-top:20px}
 #entryheader2 a{color:#c41e38; text-decoration: none; } 
 #entryheader2 a:hover{text-decoration: underline; }

#mainbloglist{ width:100%; text-align:left; border-bottom:1px #eae5e2 solid; border-top:1px #eae5e2 solid;  font-size:12px; line-height:22px; margin:10px 0; padding:5px 15px}
 #mainbloglist a {color: #797979;text-decoration: underline;}
 #mainbloglist a:hover {text-decoration: none;}
 
#mainphoto1{ width:100%; text-align:left; border-bottom:1px #eae5e2 solid; margin:10px 0; padding:10px 0}

#mainphoto{ font-size:12px; line-height:20px; color:#797979; float:left; width:180px; text-align:center; margin:5px 0 10px 0; }
 #mainphoto a {color:#8b664f; text-decoration: underline;}
 #mainphoto a:hover {text-decoration: none;}

#mainphotobox{ width:150px; height:150px;  margin:2px; padding:2px; border:1px #515151 dotted; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
#mainphotobox p { position:static; +position:absolute; top:50% } 
#mainphotobox img { position:static; +position:relative; top:-50%;left:-50%;  border:1px #898989 solid}

#mainliuyan { width:100%; font-size:12px;  margin: 0px 0px 10px 0px}
#mainliuyan td { font-size:12px; line-height:21px; padding:2px }
#mainliuyan td a { color:#8b664f; text-decoration: underline;}
#mainliuyan form { padding:0px; margin:5px 0px; line-height:20px;}
#mainliuyan input {border:1px #515151 solid; height:18px; margin:2px; }
#mainliuyan textarea {border:1px #515151 solid; width:285px; height:170px; margin:2px}
#mainliuyan .red { color:#FF3300; font-weight:bold}

/*sidebar-right*/
#sideright{ width:165px; float:right; padding:10px; text-align:center }
#sideright h1 {width:100%; font-size:12px; line-height:23px; font-weight:bold; color:#000000; margin:15px 0 10px 0; background: url(../../gray/cstit.gif) no-repeat #ffffff; }
#sideright li {list-style:none; display:inline; text-align:left;  line-height:23px; width:100%; padding:1px 1px 1px 8px; margin:0px; background: url(../../gray/lid2.gif) no-repeat}
#sideright li a {	color: #8b664f;}
#sideright li a:hover {color: #8b664f; text-decoration: underline;}



/*sidebar-left*/
#sidebar {
	float: left;
	width: 208px;
	padding: 20px 12px;
	color: #000000;
	text-align: left;
	line-height: 20px;
	table-layout: fixed;
	word-break: break-all;
	overflow: hidden;
	
}

#job { color:#000000; width:100%; margin:5px 0px; text-align:left}
#job a {color: #8b664f; text-decoration: underline;}
#job a:hover {color: #8b664f; text-decoration: none;}

#myphoto{ text-align:center; width:160px}

#tablemo { margin-bottom: 2px ; }
#tablemo td { font: bold 8pt Arial; color: #000000; background-color:#f4f4f4}
#tablemo a { color: #777777; text-decoration: none }
#tablemo a:hover { color: #777777 }

#tabletime { text-align:center; 
border-collapse: collapse; 
border-style:solid;
border-color:#000000; 
border:1px; 
}
#tabletime td { font: 8pt Arial; color: #000000; text-align: center; height: 18px; border:1px #ffffff solid ; background-color:#e8e8e8 }
#tabletime .sun { color: #000000; background-color:#a2a2a2 }
#tabletime td.skm { background-color: #ffffff; }
#tabletime a { color: #8b664f; text-decoration: underline; font-weight: bold; font-size: 9pt }
#tabletime a:hover { text-decoration: none }

#sidebox { width:100%; font-size:12px; padding:0px 5px; text-align:left}
#sidebox h1 {width:100%; font-size:12px; font-weight:bold; color:#000000; background: url(../../gray/cstit.gif) no-repeat ; padding: 2px 8px ; margin:5px 0px}
#sidebox li {list-style:none; display:inline; width:100%; padding:1px 1px 1px 8px; margin:0px; background: url(../../gray/lid2.gif) no-repeat}
#sidebox li a {	color: #8b664f;}
#sidebox li a:hover {color: #8b664f; text-decoration: underline;}
#sidebox form { padding:0px; margin:5px 0px}
#sideboxfooter {}

#footer{ height:50px; background-image:url(../../gray/line.gif); background-repeat: repeat-y; width:950px; font-size:12px; font: 12px "sans-serif"; color:#999999; padding:20px 0; text-align:right}


#visiter{ width:100%; margin:4px 0}
#visiterimg{ width:70px; text-align:left; float:left}
#visiterimg img{ border:1px #ccc solid}
#visiterright{ width:100px; text-align:left; float:right}

/*blog*/
#bloglist{
    float: left;
	width: 680px;
	padding: 20px;
	color: #797979;
	text-align: left;
	line-height: 20px;
	}
	
#tag {
    width:100%;
	font: 12px "sans-serif";
    text-align: left;
	line-height: 18px;
	color: #000000;
}
#tag a {
	color: #515151;text-decoration: underline; margin:5px 0px
}
#tag a:hover {
	text-decoration: none;
}

#tag .red { font-weight:bold}
#tag .num { font-size:11px; }


#entry{ font-size:12px; width:100%; margin:0}
#entryheader{width:680px; font-size:14px; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 20px; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-top:30px}
 #entryheader a{color:#8b664f; text-decoration: none; } 
 #entryheader a:hover{text-decoration: underline; }



#entrytag{ font: 12px ; text-align: left; line-height: 18px; color: #000000; padding:5px 15px; }
 #entrytag a {color: #515151;text-decoration: underline; margin:5px 0px}
 #entrytag a:hover {text-decoration: none;}
#entrybody{ font: 12px ; width:100%; text-align: left; line-height: 18px; color: #797979; padding:5px 15px; }
#entryfooter{ font: 12px ; text-align: right; line-height: 18px; color: #515151; padding:15px; border-bottom:1px #eae5e2 solid }
 #entryfooter a {color: #515151;text-decoration: underline; }
 #entryfooter a:hover {text-decoration: none;}
 
#entrynext{ font: 12px ; text-align: left; line-height: 18px; color: #8b664f; padding:5px 15px; }
 #entrynext a {color: #8b664f;text-decoration: underline; margin:5px 0px}
 #entrynext a:hover {text-decoration: none;}

.time { font-size:11px; color:#999999}
.yuanchuang { color:#acacac;font-size:12px;}


#liuyan { width:680px; font-size:12px;  margin:10px 0px}
#liuyan td { font-size:12px; line-height:21px; }
#liuyan td a { color:#8b664f; text-decoration: underline;}
#liuyan form { padding:0px; margin:5px 0px; line-height:20px;}
#liuyan input {border:1px #8b664f solid; height:18px; margin:2px}
#liuyan textarea {border:1px #8b664f solid; width:430px; height:170px; margin:2px}
#liuyan .red { color:#FF3300; font-weight:bold}

#liuyanlist { width:100%; padding:5px 0; border-bottom:1px #eae5e2 dotted }
#liuyanlist .photo_s { float:left; width:70px;}
#liuyanlist .liuyan_right { float:left; width:85%}
#liuyanlist .liuyan_name { font-size:12px; color:#515151; text-align:left}
#liuyanlist .liuyan_zheng { width:100%;  font-size:12px; color:#797979; float:left; padding:0 10px; text-align:left}
#liuyanlist .liuyan_huifu { width:100%;  font-size:12px; color:#bababa; float:left; padding:10px}


/*collectframe*/
#collectframe { width:300px; font-size:12px; padding:3px; background-color:#FFFFFF; border:1px 3 #f1f1f1 solid}
#collectframe h1 {text-align:right; width:300px; font-size:12px; margin:0px; padding:3px; background-color:#f1f1f1;}
#collectframe h1 a { color:#8b664f; text-decoration: underline;}

#collectbox{ width:680px; border-bottom:1px #eae5e2 solid; font-size:12px; line-height:25px; margin-bottom:20px}
 #collectbox a {color: #797979;text-decoration: underline;}
 #collectbox a:hover {text-decoration: none;}
 
#collectheader{width:680px; font-size:14px; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 20px; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-bottom:10px}
 #collectheader a{color:#8b664f; text-decoration: none; } 
 #collectheader a:hover{text-decoration: underline; }
 
#collect_list{ margin:0 0 0 15px; height:260px }
#ebook_list{ height:320px }
#picl_ist{height:500px  }


#collectbox_name{ font-size:12px; line-height:25px; color:#797979}
 #collectbox_name a {color:#515151; text-decoration: underline;}
 #collectbox_name a:hover {text-decoration: none;}
 
#collect_ebook{ font-size:12px; line-height:20px; color:#797979; float:left; width:220px; text-align:center; margin:5px 0}
 #collect_ebook a {color:#515151; text-decoration: underline;}
 #collect_ebook a:hover {text-decoration: none;}
 #collect_ebook img{ border:1px #898989 solid; margin:0 0 5px 0}
  
#collect_photo{ font-size:12px; line-height:20px; color:#797979; float:left; width:220px; text-align:center; margin:5px 0 10px 0}
 #collect_photo a {color:#515151; text-decoration: underline;}
 #collect_photo a:hover {text-decoration: none;}



/*photo*/

#photobox{ width:180px; height:180px;  margin:5px; padding:5px; border:1px #515151 dotted;overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
#photobox p { position:static; +position:absolute; top:50% } 
#photobox img { position:static; +position:relative; top:-50%;left:-50%;  border:1px #898989 solid}


#photo{ width:680px; border-bottom:1px #eae5e2 solid; font-size:12px; line-height:25px; margin:10px 0px}
 #photo a {color: #515151;text-decoration: underline;}
 #photo a:hover {text-decoration: none;}
 
#photoheader{ font-size:14px; text-align:left; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 20px; margin:10px 0; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-bottom:10px}

#photo_fengmian{ width:680px; border-bottom:1px #eae5e2 solid; border-top:1px #eae5e2 solid; padding:10px; text-align:left; font-size:12px; line-height:22px;word-break:break-all}

#photozoom{ width:680px;}
#photozoomtext{ text-align:left; width:680px; padding:10px 110px 10px 70px; line-height:23px;word-break:break-all}

#photozoompic{float:left; width:575px; height:575px; padding:5px; border:1px #353849 dotted;overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
#photozoompic p { position:static; +position:absolute; top:50% } 
#photozoompic img { position:static; +position:relative; top:-50%;left:-50%;  border:1px #898989 solid}

#photozoomway{ float:left; width:41px; height:575px;  margin:4px; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
#photozoomway p { position:static; +position:absolute; top:50% } 
#photozoomway img { position:static; +position:relative; top:-50%;left:-50%; }

/*company*/
#company{ width:680px; border-bottom:1px #eae5e2 solid; font-size:12px; line-height:25px; margin:10px 0px}
 #company a {color: #8b664f;text-decoration: underline;}
 #company a:hover {text-decoration: none;}
 
#companyheader{ font-size:14px; text-align:left; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 25px; margin:10px 0; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-bottom:10px}

/*friend*/

#friendbox{  width:80px; height:80px;  margin:5px; padding:5px; border:1px #515151 dotted; overflow:hidden; position:relative; display:table-cell; text-align:center; vertical-align:middle }
#friendbox p { position:static; +position:absolute; top:50% } 
#friendbox img { position:static; +position:relative; top:-50%;left:-50%;  border:1px #898989 solid}


#friend{ width:680px; border-bottom:1px #eae5e2 solid; font-size:12px; line-height:25px; margin:10px 0px; }
 #friend a {color: #8b664f;text-decoration: underline;}
 #friend a:hover {text-decoration: none;}
 
#friendheader{ font-size:14px; text-align:left; font-weight:bold; line-height:25px; color:#8b664f; padding:0 0 5px 25px; margin:10px 0; background-image:url(../../gray/lid.gif); background-repeat:no-repeat; margin-bottom:10px}
 
#collect_friend{ font-size:12px; line-height:20px; color:#797979; float:left; width:165px; text-align:center; margin:5px 0 10px 0}
 #collect_friend a {color:#8b664f; text-decoration: underline;}
 #collect_friend a:hover {text-decoration: none;}
  #collect_friend p { margin:0px; padding:0px; width:165px;}

#bigz{ font-size:14px}
#smallz{ font-size:12px}