/*--------------------------------
作者:ruby81219
網址:http://www.wretch.cc/blog/ruby81219
--------------------------------*/
body {
color:#666;
font-size:7pt;
font-family:verdana;
background:#ececec;
background-repeat:no-repeat;
background-position:20px 120px;
}
a {
font-size:7pt;
font-family:verdana;
color:#666;
text-decoration:none;
}
a:hover {
font-size:7pt;
font-family:verdana;
color:#B60F0F;
text-decoration:none;
}

.side a {
display:block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
}
.sidetitle {
padding-left:5px;
font-weight:normal;
font-size:7pt;
font-family:verdana;
letter-spacing:1px;
padding-bottom:3px;
padding-top:3px;
color:#B60F0F;
border:#ececec 1px solid;
text-align:left;
}

#pageheader h1 a {
left:42px;
top:0px;
color:#B60F0F;
font-family:verdana;
font-size:15pt;
position:absolute;
letter-spacing:2px;
font-weight:bold;
width:263px;
height:20px;
}

#pageheader h1 a:hover {
color:#666;
}
#pageheader .description {
}
#pageheader #description2 .description {
color:#666;
font-family:verdana;
font-size:7pt;
position:absolute;
top:55px;
left:42px;
letter-spacing:1px;
width:260px;
height:40px;
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;
padding-left:3px;
}

html {
scrollbar-face-color:#ececec;
scrollbar-highlight-color:#ececec;
scrollbar-shadow-color:#ececec;
scrollbar-3dlight-color:#ececec;
scrollbar-arrow-color:#ececec;
scrollbar-track-color:#ececec;
scrollbar-darkshadow-color:#ececec;
}
html{border-left:#ececec 20px solid;}
html{border-right:#ececec 20px solid;}
#banner {
clear:both;
height:0px;
margin:0;
padding:0;
}

#links BR {
LINE-HEIGHT:1px;
}
#links {
float:right;
margin-top:100px;
overflow-x:hidden;
overflow:auto;
height:435px;
BACKGROUND:#fff;
width:280px;
background-repeat:no-repeat;
background-position:right 20px;
background-image:url(http://f4.wretch.yimg.com/ruby81219/18/1489917725.jpg?tVhWXX9DcB620ZzG4Ts3eqCgQTyCgQP1PtfW6c5n8z8CM7XByPNesv3Aauo-);}
}
#links .sidetitle {
margin-bottom:5px;
}
#links #boxCategory A {
DISPLAY:inline;
LINE-HEIGHT:17px;
}
#links a:hover {
color:#B60F0F;
}


#content {
letter-spacing:1pt;
overflow-x:hidden;
overflow:auto;
height:505px;
width:620px;
float:right;
background:#fff;
padding-left:5px;
margin-top:30px;

}
.blogbody2 {
margin-left:10px;
margin-bottom:20px;
}
.date {
padding:3px;
font-weight:normal;
font-size:7pt;
color:#B60F0F;
font-family:verdana;
letter-spacing:1px;
padding-left:15px;
margin-left:10px;
width:500px;
background-repeat:no-repeat;
background-position:left center;
background-image:url(http://f4.wretch.yimg.com/ruby81219/18/1489955717.jpg?NO3BUflDcB5EC6UJHGkBppG_bDomZsFr2s2nRlYDKd6UGhtc905FYg0vfu0-);}


.title {
font-size:10pt;
letter-spacing:1px;
padding-left:15px;
font-weight:normal;
color:#666;
font-family:verdana;
margin:5pt 0pt 0pt 0pt;
line-height:15px;
}
.extended {
margin-right:10px;
text-align:right;
letter-spacing:1px;
}

innertext {
padding-left:10px;
color:#B60F0F;
line-height:20px;
letter-spacing:1px;
}
.articletext .innertext br {
letter-spacing:0pt;
}
.total-comments-div input {
border:#ececec 1px solid;
display:block;
font-size:7pt;
color:#B60F0F;
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:#B60F0F;
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:#B60F0F;text-decoration:none;
}
.total-comments-div .comments-body .comments-post a:hover {
color:#D82626;text-decoration:none;
}
div.comments-body #text {
border:1px #ececec solid;
font-size:7pt;
color:#B60F0F;
font-family:verdana;
letter-spacing:1px;
}
.total-comments-div .comments-body {
background-color:#fff;
border:#ececec 1px solid;
letter-spacing:1px;
padding:10px;
}
.total-comments-div .comments-body p {
padding:15px;
}
#text{
width:350px !important;
height:200px !important;
border:1px #ececec 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;
padding-top:10px;
padding-bottom:10px;
font-family:verdana;
color:#B60F0F;
border:#ececec 1px solid;
letter-spacing:1px;
filter:alpha(opacity=100);}

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

#boxCounter .boxCounter0 .sidetitle {display:none;}
#boxCounter .boxCounter1 .side{
padding-left:5px;
line-height:18pt;
color:#B60F0F;
BACKGROUND:#fff;
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:#B60F0F;
font-size:8pt;
top:0px;
left:270px;
position:absolute;
CLIP:rect(2px 36px 15px 12px);
}
.posted {
FONT-SIZE:0px;
color:#fff;
border-bottom:#ececec 1px solid;
font-family:verdana;
MARGIN-BOTTOM:10px;
padding:3px;
LETTER-SPACING:-1px;
TEXT-ALIGN:right;
}
.posted a {
color:#666;
font-size:7pt;
font-family:verdana;
MARGIN-RIGHT:5px;
LETTER-SPACING:1px;
}
#boxCategory {
}
#blogCategory {
display:none;
}
#SlidePicTitle {
font-size:7pt;
font-family:verdana;
}

.total-comments-div .comments-body .comments-post {color:#E01313;}
.total-comments-div .comments-reply .comments-post {color:#E01313;TEXT-ALIGN:right;}

.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 {color:#B60F0F;border:#ececec 1px solid;padding:5px;width:80px;text-align:center;}
.boxNewTrackback1 span {display:none;}

div#article_counter {
padding:5px;
width:600px;
color:#B60F0F;
border:#ececec 1px solid;
text-align:center;
}

#links #serviceList{
position:absolute;
top:0px;
left:322px;
width:500px;
height:10px;}
#serviceList li{
float:left;
margin:0px 0px 0px 0px;}
#serviceList li a{
display:block;
width:54px;
height:16px;
font:7pt verdana;
color:#B60F0F;
BACKGROUND:#fff;
letter-spacing:2px;
text-align:center;
padding-top:5px;}
#serviceList li a:hover{
color:#666;
BACKGROUND:#fff;}
#serviceList li a#linkBlog{
display:block;
color:#666;
BACKGROUND:#fff;}

#linkVideo{display:none!important;}
#linkMypage{display:none!important;}
#boxWho{position:absolute;top:25px;left:42px;}
#boxWho div#whowrapper{width:300px!important;text-align:center;}
#boxWho li, #boxWho li img{width:25px !important;height:25px!important;border:#A3D0B7 0px solid;}
#boxWho #whowrapper li a {filter:alpha(opacity=40);}
#boxWho #whowrapper li a img {filter:alpha(opacity=40);}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;}
#boxWho input {WRITING-MODE:tb-rl;position:absolute;top:0px;right:305px;}

input {
background:none;
color:#666;
border:#ececec 1px solid;
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;
}