/* catwang0717 : Sun, 22 Dec 2019 00:04:36 +0800 */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
pre { font-size: 1em ; }
ol,ul { margin-left: 2em; padding: 0; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
/*input{ overflow: visible; }*/
.article-content { overflow: hidden ; }
.article-content p{ margin-bottom: 1em; }
.article-content ul, .article-content ol, .author { clear: both; }
.article-head, .article-head li,
.recommended-posts ul, .recommended-posts li,
.article-footer ul, .article-footer li,
.user-post-text ul, .user-post-text li,
.box-text ul, .box-text li { list-style: none; padding: 0; margin: 0; }
#toolbar-box ul, #toolbar-box li { list-style: none; margin: 0; }
/*reset-over*/
html {}
body {
color: #666;
-webkit-text-size-adjust: none;
font-size: 13px;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
line-height: 154%;
background: #ad8c62 url(https://pic.pimg.tw/pixnetvisual/cb1ab0d3853136c7f4d0de9ae552e7e7.jpg?v=1293434859);
margin: 0;
}
a { color: #8f1d22; text-decoration: none; }
a:hover { text-decoration: underline; }
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #d5d5d5;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #333;
border: 1px solid #ddd;
background: #f5f5f5;
padding: 2px;
}
#body-div {}
#authority {
width: 100%;
font-size: 11px;
text-align: center;
border-bottom: 1px dotted #000;
padding: 5px 0;
}
#authority a {
background: #fff;
padding: 2px 6px;
margin: 0 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#authority a:hover {
color: #fff;
background: #a48966;
}
#container {
width: 100%;
}
#container2 {
background: url(https://pic.pimg.tw/pixnetvisual/0f59c8f80740d53a975fde23b8541d29.jpg?v=1293434859) repeat-x top;
}
#container3 {
overflow: hidden;
position: relative;
width: 980px;
background: url(https://pic.pimg.tw/pixnetvisual/1562319615-4201002277.jpg);
padding: 0;
margin: 0 auto;
}
#header {
position: relative;
height: 330px;
background: url(https://pic.pimg.tw/pixnetvisual/2f22349a5c5e52078d5b1d9371b293cc.jpg) no-repeat 0;
padding: 0;
}
#login-bar {
color: #000;
position: absolute;
top: 10px;
right: 10px;
text-align: left;
width: auto;
font-size: 11px;
padding: 0 10px;
}
#login-bar  a { color: #000; }
#login-bar  a:hover { color: #fff; text-decoration: underline; }
#banner {
position: absolute;
top: 325px;
left: 20px;
width: 940px;
height: 20px;
line-height: 20px;
overflow: hidden;
background: #f0eae1;
}
#banner h1 {
display: inline;
font-size: 1.25em;
}
#banner h1 a { color: #000; }
#banner h2 {
display: inline;
color: #aa612a;
font-size: 12px;
margin: 0 0 0 10px;
}
.skiplink { display: none; }
.skiplink a { color: #999; }
#blog-category {
display: inline;
font-size: 12px;
}
#blog-category a { color: #999; }
#navigation {
position: absolute;
top: 200px;
left: 120px;
padding: 0;
margin: 0;
}
#navigation li {
float: left;
height: 45px;
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li#link-album { width: 160px; }
#navigation li#link-blog { width: 120px; }
#navigation li#link-guestbook { width: 260px; }
#navigation li#link-profile { width: 160px; }
#navigation li a {
text-indent: -5000px;
font-size: 0;
display: block;
width: 100%;
height: 100%;
}
#main {
overflow: hidden;
padding: 40px 20px 0 30px;
}
#content {
float: left;
width: 590px;
overflow: hidden;
}
#spotlight {
border-bottom: 1px dotted #999;
padding: 0 0 10px;
margin: 0 0 20px;
}
#spotlight h5 {
color: #a84200;
line-height: 20px;
font-size: 15px;
border-left: 10px solid #803c18;
padding: 5px 10px 5px 15px;
}
#spotlight-text {
padding: 5px;
}
.article {
clear: both;
position: relative;
margin: 0 auto 20px;
}
.article-head {
overflow: hidden;
color: #888;
height: 40px;
line-height: 20px;
font-size: 15px;
background: url(https://pic.pimg.tw/pixnetvisual/832a6ee186643aa02ae65b05e61ababd.jpg?v=1293434859) no-repeat;
padding: 0 0 0 50px;
}
.publish {
font-size: 12px;
}
.publish span {}
.time { display: none; }
.date { color: #000; }
.title {}
.title a { color: #dc0028; }
#blog-main .title h2 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
#article-main .article-head {
height: auto;
}
.title img { vertical-align: middle; }
.article-body {
padding: 15px 10px 15px 50px;
}
.bookmark {
font-size: 11px;
color: #aaa;
}
.bookmark span { display: none; }
.article-content {
overflow: hidden;
line-height: 200%;
padding: 0 0 20px;
}
.article-content a { text-decoration: underline; }
#content .recommended-posts1 { margin: 1em 0 1em 1.5em; }
#content .recommended-posts3 { margin: 1em 0 1em 2em; }
#content .recommended-posts1 h5 span ,
#content .recommended-posts3 h5 span { font-size: 1.1em; font-weight: normal; margin-top: 9px; }
#content .recommended-posts1 .recommended-post-image { border: 1px solid #bbb; }
#content .recommended-posts1 ul { top: 32px; }
#content .recommended-posts3 ul { border: none; border-left: 1px dotted #bbb; }
#content .recommended-posts3 ul li { border: 0; border-right: 1px dotted #bbb; }
#content .recommended-posts1 ul li a ,
#content .recommended-posts3 ul li a { color: #999; text-decoration: none; }
#content .recommended-posts3 ul li a:hover { color: #333; background: #fff; }
#content .recommended-posts1 ul li a.selected { background: #fff; }
#content .recommended-posts3 ul li a img { border-color: #bbb; }
#content .recommended-posts3 ul li a:hover img { background: #fff; }
.author, .forward {
font-size: 11px;
color: #999;
}
.author a, .forward a { color: #666; }
.forward img { vertical-align: middle; }
.article-footer {
font-size: 11px;
color: #aa612a;
border-top: 1px dotted #ccc;
padding: 15px 0;
margin: 0 0 0 50px;
}
.article-footer a { color: #aa612a; }
.refer, .history {
float: left;
width: 50%;
}
.back-to-top {
clear: both;
text-align: right;
}
.back-to-top a {
color: #aaa;
text-decoration: underline;
}
#user-post { padding: 0 10px 0 50px; }
.user-post-title {
height: 25px;
line-height: 25px;
color: #000;
}
.user-post-title span { padding: 0 0 0 10px; }
.user-post-title img { margin: 7px 0 0; }
#comment-title { background-position: 15px -25px; }
#trackback-url { margin: 10px auto; }
#trackback-url input { margin-right: 3px; }
#trackback-url input#trackback-input { width: 50%; }
.post-comment {
margin: -20px 0 0;
text-align: right;
}
.post-comment a {
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background: #eee;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-comment a:hover {
color: #000;
border: 1px solid #fff;
background: #fff;
text-decoration: none;
}
ul.single-post {
position: relative;
min-height: 90px;
line-height: 20px;
background: #f5f5f5;
padding: 10px 10px 10px 110px;
margin: 20px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#trackback-text ul.single-post {
min-height: auto;
padding: 10px;
}
ul.secret {
min-height: 20px;
padding: 10px;
}
li.post-photo {
position: absolute;
top: 10px;
left: 10px;
}
li.post-photo img {
width: 80px;
height: 80px;
border: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
padding: 4px;
}
li.post-info {
height: 20px;
overflow: hidden;
font-size: 11px;
color: #999;
padding-right: 30px;
}
.floor {
position: absolute;
top: 10px;
right: 10px;
width: auto;
display: block;
font-size: 1.4em;
color: #ccc;
}
.post-info a {}
li.post-text {
border-bottom: 1px solid #e5e5e5;
padding: 5px;
}
li.post-text p, li.post-text a { color: #aaa; font-weight: bold; }
li.post-text img { vertical-align: middle; }
li.reply-text {
color: #000;
border-top: 1px solid #fff;
padding: 5px;
}
li.reply-text textarea {
display: block;
margin: 0 0 3px;
}
li.reply-text p {
text-align: right;
font-size: 11px;
color: #aaa;
}
li.reply-text p a { color: #999; text-decoration: underline; }
.article-area-title { display: none; }
#view-mode {
height: 20px;
overflow: hidden;
font-size: 12px;
color: #999;
background: none;
padding: 8px 15px;
margin: 0 0 15px;
}
#view-mode a {
color: #999;
background: #fff;
padding: 1px 4px;
margin: 0 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.main-list { clear: both; margin: 0 10px; }
.main-list th,
.main-list td {
background: #fff;
padding: 7px 10px;
}
.main-list td {
border-bottom: 1px dotted #aaa;
background: none;
}
td.list-date { width: 15%; font-size: 11px; }
.list-visit,
.list-comment { text-align: center; }
td.list-visit,
td.list-comment { width: 10%; font-size: 11px; color: #aaa; }
.page {
font-size: 11px;
text-align: center;
padding: 5px 0;
margin: 20px auto;
}
.page a, .page span {
color: #999;
padding: 1px 5px;
margin: 0 3px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page a:hover { background: #eee; }
.page span {
color: #a84200;
background: #fff;
}
#links {
float: right;
width: 310px;
overflow: hidden;
padding: 0 0;
}
.box {
margin: 0 auto 10px;
}
.box-title {
height: 32px;
overflow: hidden;
line-height: 32px;
color: #000;
text-align: center;
background: url(https://pic.pimg.tw/pixnetvisual/1bbb23907834b040c6359fc458433d31.jpg?v=1293434859) no-repeat;
padding: 0 10px;
}
.box-text {
color: #978b81;
font-size: 12px;
padding: 10px;
}
.box-text a { color: #aa612a; }
.box-text a:hover { color: #000; }
.inner-box {}
.inner-box ul {
margin: 0 0 0 1.3em;
}
.box-more {
text-align: center;
margin: 5px auto;
}
.box-more a {
font-size: 11px;
color: #999;
background: #eee;
border: 1px solid #fff;
padding: 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.box-more a:hover {
color: #444;
text-decoration: none;
background: #f5f5f5;
border: 1px solid #ccc;
}
#friendbox .friends-all a,
body #newsfeed a.show-all-newsfeed,
body #followed-murmurs a.show-all-murmurs { font-size: 11px; color: #999; }
#friendbox ul.friendlist li img { width: 36px; height: 36px; }
#user-info {}
#user-info .box-text { padding: 10px; }
#user-info dl {
padding: 10px 0 0;
margin: 10px 0 0;
}
#user-info dl dd { margin: 0; }
#recent-article {}
#recent-article li img { vertical-align: middle; }
#search .box-text { text-align: center; }
#search li { display: inline; }
#search input#search-target { width: 110px; }
#latest-comment {}
#latest-comment li {}
#latest-comment li span {
color: #aaa;
font-size: 0.9em;
border-right: 1px solid #ccc;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
}
#latest-comment li a {
display: block;
height: 20px;
overflow: hidden;
}
#newsfeed {}
body #newsfeed ul li,
body #followed-murmurs ul li {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
border-bottom: 1px dashed #bbb;
}
body #newsfeed ul li .newsfeed-photo a,
body #followed-murmurs ul li .murmurs-photo a { color: #ccc; }
body #followed-murmurs .murmurs-photo img {
height:30px;
width:30px;
border:1px solid;
background:none repeat scroll 0 0 white;
padding:1px;
}
body #newsfeed ul li .newsfeed-content .newsfeed-author a,
body #followed-murmurs .murmurs-content a.murmurs-author { color: #444; font-weight: normal; }
body #followed-murmurs .murmurs-content { text-align: left; }
#friendbox ul.friendlist li a { color: #ccc; }
#visitor ul,
#crumb ul {
overflow: hidden;
}
#visitor ul li,
#crumb ul li {
float: left;
margin: 0 5px 5px 0;
}
#visitor ul li a,
#crumb ul li a { color: #ccc; }
#visitor ul li a img,
#crumb ul li a img {
width: 36px;
height: 36px;
background: white;
border: 1px solid;
padding: 1px;
vertical-align: top;
}
#calendar {}
.weekday { display: none; }
#calendar table {}
#calendar th,
#calendar td {
text-align: center;
font-size: 12px;
line-height: 220%;
}
#calendar th a {
display: block;
text-decoration: underline;
}
#calendar td a {
display: block;
color: #fff;
background: #dc0028;
}
#footer {
text-align: center;
font-size: 11px;
line-height: 20px;
color: #000;
background: url(https://pic.pimg.tw/pixnetvisual/7ef4b03ee722e8a42ee9ec5399f2dec2.jpg?v=1293435872) no-repeat bottom;
padding: 0 240px 80px 0;
margin: 0;
}
#footer a { color: #000; }