rabbit foot

::-moz-selection {
background:#ff7575;
color:#fff
}

::selection {
background:#eee;
color:#bbb
}

#comment-form table {
width:96%;
margin:0 auto
}

#comment-form td,#comment-form th {
border:1px solid #555;
padding:3px 5px
}

#comment-form input#send-comment {
padding:3px 5px
}

.article-content p {
margin-bottom:1em
}

.main-list .list-title {
border-bottom:1px solid #eee
}

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
}

table {
border-collapse:collapse;
border-spacing:0
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal
}

ol,ul {
list-style:none
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal
}

q:before,q:after {
content:''
}

pre {
font-size:1em
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:140%;
margin:5px 0
}

body {
font-size:small;
font-family:Courier NEW;
background-image:url(https://i.imgur.com/ack7l2H.jpg);
background-color:#fff;
background-repeat:repeat-x;
background-position:top left;
background-attachment:scroll
}

p {
padding-bottom:7px
}

a {
text-decoration:none;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}

a:hover {
text-decoration:none
}

#container {
float:center;
width:1130px;
background:url(https://i.imgur.com/evkGD7j.jpg) right bottom no-repeat;
margin:10px auto 0
}

#container2 {
background:url();
padding:0
}

img {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}

#header {
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
position:absolute;
float:right;
height:150px;
background:url(https://i.imgur.com/ilh6nNx.jpg)#eee top center;
margin-top:30px;
width:520px;
margin-left:500px;
background-image:url(https://i.imgur.com/ilh6nNx.jpg);
background-color:#eee;
background-position:undefined;
padding:10px
}

#topbar {
text-align:right;
position:absolute;
left:40px;
width:0;
height:0;
background:#fff!important;
display:none;
margin:13px
}

#banner h1 {
opacity:.7;
left:0;
text-align:right;
background-color:#000;
margin-left:-570px;
margin-top:-70px;
display:block;
width:203px;
height:50px;
position:absolute;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
font-family:Bodoni MT;
font-size:15pt;
color:#fff
}

#banner h1 a {
margin-top:10px;
margin-left:10px;
color:#fff
}

#banner h1 a:hover {
border:2px solid #777
}

#banner h2 {
color:#bbb;
margin-left:-370px;
margin-bottom:15px;
margin-top:-80px;
background:#000;
height:45px;
width:240px;
position:FIXED;
overflow:auto;
overflow-x:auto;
overflow-y:none;
font-size:8pt;
border-left:1px #bbb dotted;
padding:5px
}

#banner h2 a {
color:#bbb
}

#banner h2 a:hover {
color:#fff
}

#navigation {
display:none;
width:20px;
position:absolute;
margin-left:290px;
margin-top:0;
background:#fff;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px
}

#navigation a {
display:block;
width:80px;
height:40px;
text-align:center;
color:#fff;
-moz-transform:scale(0.8);
-webkit-transform:scale(0.8);
-o-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
font-size:0;
padding:5px 0
}

#navigation li {
border:1px solid #eee;
float:right;
background-color:#f5f5f5;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
margin:0 10px 10px 0
}

#navigation li:hover {
background-color:#eee
}

#content a {
color:#777
}

#content {
border:1px #fff dotted;
margin-bottom:100px;
margin-top:200px;
width:500px;
float:right;
background:#fff;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease 0 20px;
-moz-border-radius:20px;
border-radius:20px;
background-color:#fff;
padding:10px;
margin-right:100px
}

#spotlight {
background:#fff;
margin-bottom:10px;
padding:10px
}

#spotlight h5 {
color:#777;
background:#fff;
text-align:Center;
margin-bottom:5px;
padding:3px 0
}

#article-area {
padding:10px
}

.article-area-title {
background:#fff;
padding:3px 7px
}

#display {
text-align:right;
margin:5px 0
}

#display a {
margin-right:15px;
background:#fff;
border:1px #777 dotted;
padding:5px
}

.article:first-child {
border-top:1px dotted #bbb
}

.article {
border-bottom:1px #bbb dotted;
background:#fff;
margin-bottom:0;
padding:10px
}

.article-head li a {
font-size:10pt
}

.article-head {
color:#777;
background:#fff;
margin-bottom:30px;
height:50px;
text-align:center;
border-top:0 #bbb dotted;
padding:5px
}

.publish {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
background:none;
-webkit-border-radius:600px;
-moz-border-radius:600px;
border-radius:600px;
font-family:"Times New Roman";
font-size:13px;
color:#777;
padding:5px
}

.date {
font-family:"Times New Roman";
font-size:18px
}

.month {
font-family:"Times New Roman";
font-size:16px
}

.year,.day,.time {
-moz-transform-origin:bottom;
-moz-transform:skewX(20deg);
-webkit-transform-origin:bottom;
-webkit-transform:skewX(20deg);
-o-transform-origin:bottom;
-o-transform:skewX(20deg);
-ms-transform-origin:bottom;
-ms-transform:skewX(20deg);
transform-origin:bottom;
transform:skewX(20deg)
}

.title h2 a {
font-size:10pt;
color:#777
}

.more a {
color:#fff;
background:url(https://i.imgur.com/t2l2jJl.jpg) top left no-repeat;
height:30px;
width:50px;
display:block;
font-size:0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:10px;
float:left;
position:absolute
}

.more a:hover {
padding:5px;
background:url(https://i.imgur.com/t2l2jJl.jpg) top right no-repeat
}

.author {
font-size:8pt;
color:#777;
text-align:right;
opacity:0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}

.author a {
font-size:8pt;
color:#777
}

.article:hover .author {
opacity:1
}

.article-footer {
background:none;
padding:5px 10px
}

#user-post {
background:#fff;
margin-bottom:20px
}

#trackback-box {
margin-bottom:20px
}

.user-post-box {
position:relative;
margin-bottom:10px
}

.user-post-title {
display:none;
background:none;
color:#000;
line-height:28px;
height:28px;
padding:2px 10px
}

.floor {
background:#fff;
color:#000;
margin-top:-50px;
position:absolute;
color:#000;
margin-right:5px;
font-size:15pt;
font-family:Courier New;
padding:5px
}

.single-post {
position:relative;
min-height:90px;
_height:90px;
color:#777;
padding:5px;
margin-top:50px
}

.single-post.secret {
font-size:0;
padding-top:15px!important;
background:url(https://i.imgur.com/z8IAx2c.jpg) left no-repeat;
border-bottom:1px #bbb dotted
}

.single-post.secret:first-child {
background:url(https://i.imgur.com/odZJUoi.jpg) left no-repeat;
font-size:0;
padding-top:15px!important
}

.single-post:first-child .floor {
width:150px;
background:url(https://i.imgur.com/odZJUoi.jpg) right no-repeat;
color:#000;
margin-top:-50px;
font-size:20pt;
position:absolute;
font-family:Courier New
}

.single-post:first-child .reply-text {
border-top:1px #000 dotted;
border-bottom:0 #777 solid
}

.single-post:first-child {
border:1px #000 dotted;
margin-bottom:10px;
margin-top:50px
}

.post-info {
padding-bottom:5px;
margin-bottom:10px
}

.post-photo {
position:absolute;
right:10px;
top:0
}

.single-post:first-child .post-photo img {
border:3px #777 double
}

.post-photo img {
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
width:35px;
height:35px;
border:1px #ddd solid
}

.reply-text {
border-top:1px #bbb dotted;
border-bottom:1px #bbb dotted;
background:#fff;
margin-top:10px;
margin-bottom:10px;
color:#777;
padding:10px
}

#comment-text>div {
display:none
}

#article-main .page {
display:block!important
}

.reply-text:hover {
color:#000
}

.main-list {
color:#777;
background:#fff;
margin-bottom:15px;
padding:10px
}

.main-list table {
width:95%;
margin:10px
}

.main-list h3 {
margin-bottom:10px;
padding:5px 10px
}

#links a:hover,#content a:hover {
color:#ff7575
}

#links {

margin-top:35px;
text-align:left;
width:240px;
float:left;
background:url() no-repeat bottom right;
margin-bottom:140px;
margin-left:140px;
font-size:8pt;
color:#777;
padding:10px 10px 20px
}

#links a {
color:#777;
font-size:8pt
}

#links-row-1 {
position:fixed;
width:220px;
text-align:left;
background:url() no-repeat top center
}
#links-row-2:hover {
top:70px;
left:-20px;
border-right:5px #fafafa solid;
opacity:0.7;
background-color:#F5F5F5;
}
#hotArtUL li {
padding-bottom:5px;
}
#links-row-2 {
overflow-x:hidden;
overflow-y:auto;
position:absolute;
width:200px;
top:0px;
left:-230px;
opacity:0.3;
float:left;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
font-family:"Courier New";
border-right:15px #fff solid;
padding-left:20px;
background-color:#fff;
color:#bbb;
overflow:hidden;
_overflow:none;
padding-right:10px;
}

.box:hover box-title {
display:block;
color:#000
}

.box {
margin-bottom:10px;
padding:5px
}

#category:hover {
color:#000;
border-left:0 #000 solid
}

.box-title {
display:none;
text-align:right;
font-size:small;
margin-bottom:10px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
padding:4px
}

.box-text li {
margin:0
}

#visitor {
margin-left:0px;
background:none
}

#visitor li a img {
width:25px;
height:25px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:50px;
margin:0;
padding:4px
}

.broadcast-photo {
float:left;
width:40px
}

#user-info img {
width:70px;
height:70px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:100px
}

#user-info img:hover {
border:3px #FFE6D9 solid
}

.add_friend,.add_subs {
background:#fff;
color:#bbb;
border:1px #fafafa solid
}

#search-send {
background:#fafafa
}

#recent-article li {
font-size:8pt;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
border-bottom:0 #bbb solid;
margin:5px 0
}

#recent-article li:hover {
padding-left:10px
}

#counter .box-text li {
display:inline
}

#counter {
font-size:8pt
}

#category {
border-left:0 solid #777;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease!important
}

#category.box {
-moz-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease;
front-family:Verdana,Arial,"Times New Roman";
color:#777
}

#category a {
margin-left:10px;
color:#777
}

#category h6 {
width:180px;
margin-bottom:0;
font-size:8pt;
margin-left:0;
padding:5px
}

#category .box-text:hover {
color:#000
}

#category h6:hover {
background-color:#fff
}

#category li {
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
font-size:8pt;
margin-left:0;
border-bottom:0 #eee dashed
}

#category li a:hover {
padding:4px
}

#latest-comment .box-text li {
padding-top:2px
}

#footer {
clear:both;
background:url() no-repeat;
text-align:center;
padding:5px 10px
}

.page {
float:left;
position:fixed;
margin-left:-220px;
top:75px
}

#links-row-1 > div {
z-index:5
}

#links-row-1 > div:first-child {
margin-top:-999em!important;
position:absolute;
z-index:0
}

#subcription span,#subscriptions,#topbar input,#topbar button,#topbar h2,#topbar button,#topbar img,#user-info.box-title,#user-info .box-title,#bottom,#friend-apply/*申請好友*/,.refer/*文章附加資訊*/,.back-to-top,#recent-article a img,#headshot.box-text,#headshot li#headshot-img,.bottom-pixnet,.bottom-skiplink,.forward/*轉寄文章*/,.title h2 img/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/,#friend-apply,.history,.bookmark,#category box-more,#category img,#banner .skiplink,#p.skiplink,#blog-category,#box-more,box-title,#pixblogad,.recommended-posts,.pixels,.box-more,#login-bar,#trackback-box,.user-post-title img,.post-comment,.time,.article-area-title,#latest-comment span,dd,dt,.homepage,.comment-icon,#view-mode span,#pixblogad-banner2 {
display:none
}

fieldset,img,abbr,acronym {
border:0
}

#topbar a,.user-post-text {
background:#fff
}

#link-album,#link-blog,#link-guestbook,#link-profile {
-moz-transform:scale(0.8);
-webkit-transform:scale(0.8);
-o-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
background-color:#f5f5f5;
width:20px;
height:20px
}

.bookmark,.forward,.back-to-top {
text-align:right
}

.refer,.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}

.main-list th,.main-list td {
padding:2px
}

#visitor ul,#crumb ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}

#visitor li,#crumb li,#crumb li {
float:left
}