::-moz-selection {
background:#81C0C0;
color:#fff
}
::selection {
background:#81C0C0;
color:#fff;
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
}
#subscriptions img {
display:none
}
.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
}
fieldset,img {
border: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:''
}
abbr,acronym {
border:0
}
pre {
font-size:1em
}
.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:140%;
margin:5px 0
}
body {
font-size:small;
font-family:Century Gothic;
background-image:url();
background-repeat:no-repeat;
background-position:bottom right;
background-color:#fff
}
p {
padding-bottom:7px
}
a {
color:#777;
text-decoration:none;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
a:hover {
text-decoration:none
}
#container {
width:940px;
margin:10px auto;
margin-bottom:100px;
padding-bottom:100px;
background:url();
background-repeat:no-repeat;
background-position:bottom center
}
#container2 {
padding:0
}
img {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
#header {
position:absolute;
float:left;
height:100px;
background:url() center;
padding:10px;
margin-bottom:10px;
width:300px;
margin-left:10px
}
#topbar {
text-align:right;
position:absolute;
left:40px;
width:0;
height:0;
background:#fff!important;
margin:13px;
display:none
}
#topbar a {
background:#fff
}
#topbar input,#topbar button,#topbar h2,#topbar button,#topbar img {
display:none
}
#banner h1 a {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
font-family:Bodoni MT;
font-size:22pt;
color:#777
}
#banner h1 a:hover {
border:2px solid #777
}
#banner h2 {
opacity:.7;
color:#777;
margin-left:0;
margin-bottom:15px;
margin-top:10px;
background:#fff;
height:60px;
width:300px;
position:relative;
overflow:auto;
overflow-x:auto;
overflow-y:none;
padding:5px;
font-size:8pt;
border-left:0 #000 dotted;
border-right:0 #000 dotted
}
#navigation {
width:20px;
position:asolute;
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);
padding:5px 0;
font-size:0
}
#navigation li {
border:1px solid #eee;
float:right;
background-color:#f5f5f5;
margin:0 10px 0 0;
margin-bottom:10px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px
}
#navigation li:hover {
background-color:#eee
}
#link-album {
-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
}
#link-blog {
-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
}
#link-guestbook {
-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
}
#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
}
#content {
border:1px #eee dotted;
margin-bottom:100px;
margin-top:px;
width:560px;
float:right;
background:#fff;
padding:10px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease -webkit-border-radius: 20px;
-moz-border-radius:20px;
border-radius:20px;
-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5)
}
#spotlight {
background:#fff;
padding:10px;
margin-bottom:10px
}
#spotlight h5 {
color:#777;
background:#fff;
text-align:Center;
padding:3px 0;
margin-bottom:5px
}
#article-area {
padding:10px
}
.article-area-title {
background:#fff;
padding:3px 7px
}
#display {
text-align:right;
margin:5px 0
}
#display a {
margin-right:15px;
padding:5px;
background:#f5f5f5;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.article {
background:#fff;
margin-bottom:0;
padding:10px
}
.article-head li a {
font-size:10pt
}
.article-head {
color:#777;
background:#fff;
padding:5px;
margin-bottom:30px;
height:50px;
text-align:center;
border-bottom:1px #bbb dotted
}
.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
}
.bookmark {
text-align:right
}
.more a {
color:#fff;
background:url() top center no-repeat;
height:20px;
width:120px;
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:right;
opacity:.6
}
.more a:hover {
padding:5px
}
.author {
color:#777;
background:#f5f5f5;
padding:5px;
text-align:center;
opacity:0;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
margin-right:30px;
margin-left:120px
}
.author a {
color:#777
}
.article:hover .author {
opacity:1
}
.article-footer {
background:none;
padding:5px 10px
}
.refer {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}
.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}
.forward {
text-align:right
}
.back-to-top {
text-align:right
}
#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
}
.user-post-text {
background:#fff
}
.floor {
color:#fff;
margin-right:5px;
padding:5px;
background-color:#FFE6D9;
font-size:15pt;
font-family:ParkAvenue BT
}
.single-post {
position:relative;
min-height:90px;
_height:90px;
color:#777;
padding:5px
}
.post-info {
padding-bottom:5px;
margin-bottom:10px
}
.post-photo {
position:absolute;
right:10px;
top:0
}
.post-photo img {
width:35px;
height:35px;
border:2px #ddd solid
}
.reply-text {
border-top:1px #bbb dotted;
border-bottom:1px #bbb dotted;
padding:10px;
background:#fff;
margin-top:10px;
margin-bottom:10px;
color:#777
}
.reply-text:hover {
background-color:#FBFDDD
}
.main-list {
color:#777;
background:#fff;
padding:10px;
margin-bottom:15px
}
.main-list table {
width:95%;
margin:10px
}
.main-list h3 {
padding:5px 10px;
margin-bottom:10px
}
.main-list th {
padding:2px
}
.main-list td {
padding:2px
}
#comment-text>div{display:none;}
#article-main .page {display:block!important}
#links {
margin-top:150px;
position:absolute;
top:0;
text-align:left;
width:200px;
float:right;
background:url(http://i.imgur.com/kQLQrJq.png) no-repeat bottom right;
color:#777;
margin-bottom:140px;
font-size:8pt;
padding:10px 10px 20px
}
#links a {
color:#777;
font-size:8pt
}
#links-row-1 {
width:220px;
text-align:left;
background:url() no-repeat top center
}
.box {
padding:5px
}
.box:hover .box-title {
text-align:left
}
.box-title {
display:none;
text-align:left;
padding:4px;
font-size:small;
margin-bottom:10px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
.box-text li {
margin:0
}
#visitor .box-text li a {
display:block;
width:25px;
height:25px;
border:none;
background:#fafafa;
margin:3px
}
#visitor .box-text li a img {
-moz-transition:all 0 ease;
-webkit-transition:all 0 ease;
transition:all 0 ease;
width:0;
height:0
}
#visitor .box-text li a:hover img {
-moz-transition:all 0 ease;
-webkit-transition:all 0 ease;
transition:all 0 ease;
display:block;
width:25px;
height:25px
}
#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}
#visitor li,#crumb li {
float:left
}
#visitor {
background:none
}
#visitor li a img {
width:25px;
height:25px;
margin:0
}
#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}
#crumb li {
float:left
}
#broadcast .box-text ul {
border-bottom:1px dashed #777;
_height:1%;
overflow:hidden;
_overflow:none
}
.broadcast-photo {
float:left;
width:40px
}
#user-info img {
width:60px;
height:60px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:10px
}
.add_friend,.add_subs {
background:#fff;
color:#bbb;
border:1px #fafafa solid
}
#search-send {
background:#fafafa
}
#recent-article li {
font-size:8pt;
margin:5px 0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
border-bottom:1px #eee solid
}
#recent-article li:hover {
padding-left:10px
}
#counter {
font-size:8pt
}
#category {
-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:150px;
margin-bottom:5px;
padding:5px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background:#fafafa;
font-size:8pt;
margin-left:0;
border-bottom:0 #eee dashed
}
#category h6:hover {
background-color:#DEFFDE
}
#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(http://i.imgur.com/f5ntAEQ.png) no-repeat;
padding:5px 10px;
text-align:center
}
.page {
float:center
}
#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,#footer {
display:none
}
#links-row-1 > div {
z-index:5
}
#links-row-1 > div:first-child {
margin-top:-999em!important;
position:absolute;
z-index:0
}