/*--------------------------------
作者:ruby81219
網址:http://www.wretch.cc/blog/ruby81219
--------------------------------*/
body {
font-size:7pt;
font-family:verdana;
background:#fff;
background-repeat:no-repeat;
background-position:left bottom;
background-image:url(http://f4.wretch.yimg.com/ruby81219/18/1489917725.jpg?L3bZPL9DcB7yrc.L8C2XDnSI0_Kax.vfOZaLcbqRFUIpC7sdSx3.2FrRecw-);}
a {
font-size:7pt;
font-family:verdana;
color:#666;
text-decoration:none;
}
a:hover {
font-size:7pt;
font-family:verdana;
color:#ccc;
text-decoration:none;
}

#links BR {
LINE-HEIGHT:1px;
}
#links {
width:250px;
float:right;
margin-top:160px;
background:#fff;
padding:3px;
margin-right:62px;
border:#ccc 1px solid;
}
#links .sidetitle {
margin-bottom:5px;
}
#links #boxCategory A {
DISPLAY:inline;
LINE-HEIGHT:17px;
}
#links a:hover {
color:#ccc;
}
.side a {
display:block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
}
.sidetitle {
border:#ccc 1px solid;
padding-left:5px;
font-weight:normal;
font-size:7pt;
color:#000;
font-family:verdana;
letter-spacing:1px;
padding-bottom:3px;
padding-top:3px;
background:#ececec;
}

#pageheader h1 a {
left:259px;
top:115px;
color:#000;
font-family:verdana;
font-size:7pt;
position:absolute;
letter-spacing:2px;
font-weight:normal;
padding:2px;
background-color:#ececec;
width:20px;
height:150px;
padding:5px 15px 5px 1px;
writing-mode:tb-rl;
text-align:left;
display:block;
}

#pageheader h1 a:hover {
color:#fff;
background-color:#ccc;
}
#pageheader .description {
}
#pageheader #description2 .description {
color:#666;
font-family:verdana;
font-size:7pt;
position:absolute;
letter-spacing:2px;
top:17px;
left:0px;
letter-spacing:1px;
width:253px;
height:130px;
overflow:auto;
background-color:#fff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#000;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
border:#ccc 1px solid;
padding-left:3px;
}
html {
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}

#banner {
position:absolute;
top:10px;
left:10px;
}

#content {
border:#ccc 1px solid;
letter-spacing:1pt;
width:640px;
float:right;
padding-right:5px;
background:#fff;
padding-left:5px;
margin-top:0px;
}
.blogbody2 {
margin-left:10px;
margin-bottom:20px;
}
.date {
font-size:7pt;
font-family:verdana;
letter-spacing:1px;
color:#000;
border:#ccc 1px solid;
margin:0px;
float:right;
text-align:center;
line-height:200%;
width:150px;
background:#ececec;
}
.title {
letter-spacing:1px;
color:#000;
font-size:7pt;
font-family:verdana;
padding:0px 5px;
margin:0px;
border:#ccc 1px solid;
padding-left:15px;
margin-bottom:40px;
font-weight:200;
line-height:200%;
}

.extended {
margin-right:10px;
text-align:right;
letter-spacing:1px;
}
innertext {
padding-left:10px;
color:#666;
line-height:20px;
letter-spacing:1px;
}
.articletext .innertext br {
letter-spacing:0pt;
}
.total-comments-div input {
border:#666 1px solid;
display:block;
font-size:7pt;
color:#666;
font-family:verdana;
}
.total-comments-div .comments-head {
display:none;
}
.total-comments-div .comments-bottom .comments-head {
display:none;
}
.total-comments-div .comments-body form {
padding:10px;
color:#666;
line-height:20px;
text-align:left;
}
.total-comments-div .comments-body br {
letter-spacing:0pt;
}
.total-comments-div .comments-body .comments-post {
text-align:left;
}
.total-comments-div .comments-body .comments-post a {
color:#999;text-decoration:none;
}
.total-comments-div .comments-body .comments-post a:hover {
color:#ccc;text-decoration:none;
}
div.comments-body #text {
border:1px #666 solid;
font-size:7pt;
color:#666;
font-family:verdana;
letter-spacing:1px;
}
.total-comments-div .comments-body {
background-color:#fff;
border-bottom:#fff 1px solid;
letter-spacing:1px;
padding:10px;
}
.total-comments-div .comments-body p {
padding:15px;
}
#text{
width:350px !important;
height:200px !important;
border:1px #666 solid;
}
.calendar {
display:none;
}
.boxGiftLink {
display:none;
}
.boxAddFriendLink {
display:none;
}
#boxSearch {
display:none;
}
#boxDate {
display:none;
}
#boxNewComment {
}
#boxNewComment .sidetitle {
}
#boxNewComment .boxNewComment1 .side {
color:#fff;
line-height:1px;
}

#boxNewComment .boxNewComment1 .side a {
display:block;
width:170px;
line-height:15px;
}

.comments-reply .comments-author {
padding-right:10px;
font-size:7pt;
padding-bottom:10px;
color:#666;
padding-top:10px;
padding-bottom:10px;
font-family:verdana;
background-color:#ececec;
letter-spacing:1px;
filter:alpha(opacity=100);}

#boxCounter{
position:absolute;
top:0px;
left:9px;
width:258px;
}
.boxCounter1 .side br{
display:none;
}
#boxCounter .sidetitle {
display:none;
}

#boxCounter .boxCounter0 .sidetitle {display:none;}
#boxCounter .boxCounter1 .side{
padding-left:5px;
line-height:18pt;
color:#000;
border:#ccc 1px solid;
font-size:7pt;
font-family:verdana;
text-align:center;
letter-spacing:1px;
}

#links .powered .powerlogo img {
display:none;
}
h1 .description {
display:none;
}
.boxMySpaceImg {
}
.boxMySpaceImg a {
}
#friendlist {
background-color:#ececec;
color:#666;
font-size:7pt;
font-family:verdana;
top:168px;
left:180px;
position:absolute;
clip:rect(2px 75px 16px 2px);
}
.posted {
FONT-SIZE:0px;
COLOR:#fff;
font-family:verdana;
MARGIN-BOTTOM:10px;
padding:2px;
border-bottom:1px solid #ececec;
LETTER-SPACING:-1px;
TEXT-ALIGN:right;
}
.posted a {
font-size:7pt;
font-family:verdana;
MARGIN-RIGHT:5px;
LETTER-SPACING:1px;
}
#boxCategory {
}
#blogCategory {
display:none;
}
#SlidePicTitle {
font-size:7pt;
font-family:verdana;
}
.comments-reply .comments-author {
padding-right:10px;
font-size:7pt;
padding-bottom:10px;
color:#666;
padding-top:10px;
padding-bottom:10px;
font-family:verdana;
background-color:#ececec;
letter-spacing:1px;
}
.comments-reply .comments-author p {
padding:10px;
}
.comments-reply .comments-author br {
letter-spacing:0pt;
}
#service li {
border-bottom:#fff 0px solid;
}


#boxCategory a img {display:none;}

.total-comments-div .comments-body .comments-user p {float:left;}
.total-comments-div .comments-body .comments-user p.cmt_floor {float:right;}
.cmt_floor {background:#ececec;color:#666;padding:5px;}
.boxNewTrackback1 span {display:none;}

div#article_counter {
padding:5px;
width:170px;
background-color:#ececec;
color:#666;
text-align:center;
}

#links #serviceList{
position:absolute;
top:19px;
left:268px;
width:0px;
height:10px;}
#serviceList li{
float:left;
margin:2px 2px 3px 0px;}
#serviceList li a{
display:block;
width:28px;
height:5px;
font:7pt verdana;
color:#000;
background:#ececec;
letter-spacing:2px;
text-align:center;
padding-top:5px;}
#serviceList li a:hover{
color:#000;
background:#ccc;}
#serviceList li a#linkBlog{
display:block;
color:#fff;
background:#ccc;}

#linkFriend{display:none!important;}
#linkVideo{display:none!important;}
#linkMypage{display:none!important;}
#boxWho{position:absolute;top:125px;left:9px;}
#boxWho input {WRITING-MODE:tb-rl;}
#boxWho div#whowrapper{width:300px!important;text-align:center;}
#boxWho li, #boxWho li img{width:22px !important;height:22px!important;border:#ccc 1px solid;}
#boxWho #whowrapper li a {filter:alpha(opacity=0);}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);position:relative;top:1px;left:1px;}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}
#boxWho li a:hover img {width:60px !important;height:60px !important;}

#boxWho INPUT {
BORDER-RIGHT:#000 1px solid;
BORDER-TOP:#000 1px solid;
FONT-SIZE:7pt;
BACKGROUND:#fff;
BORDER-LEFT:#000 1px solid;
COLOR:#ccc;
BORDER-BOTTOM:#000 1px solid;
FONT-FAMILY:verdana;
width:18px;
height:80px;
position:absolute;top:30px;right:300px;}

input {
color:#666;
background:#fff;
border:1px solid #ccc;
letter-spacing:1pt;
font-family:verdana;
font-size:7pt;
}

#footer {
clear:both;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
margin:0px;
padding-top:0px;
height:30px;
}
.boxMySpace1 .side a img{
position:absolute;
top:25px;
left:180px;
border:#ccc 4px solid;
cursor:help;filter:alpha(opacity=70);}}
.boxMySpace1 .side a:hover img{filter:alpha(opacity=100);}
.boxMySpace0 {display:none;}