/*--------------------------------------------
CSS 2008 BY MAPLE / http://www.wretch.cc/blog/angel300630
建議使用：IE瀏覽器　最佳解析度：1024*768　
-----------------------------------------------*/

HTML {
OVERFLOW-X:hidden;
SCROLLBAR-FACE-COLOR:#8095FF;
SCROLLBAR-HIGHLIGHT-COLOR:#8095FF;
SCROLLBAR-SHADOW-COLOR:#8095FF;
SCROLLBAR-3DLIGHT-COLOR:#8095FF;
SCROLLBAR-ARROW-COLOR:#5E6DBB;
SCROLLBAR-TRACK-COLOR:#8095FF;
SCROLLBAR-DARKSHADOW-COLOR:#8095FF;
border-bottom:0px solid #554B3F;
border-top:0px solid #554B3F;
border-left:0px solid #e8e8e8;
border-right:0px solid #e8e8e8;}


BODY {
TOP:0px;
FONT-SIZE:10px;
BACKGROUND:url(http://f8.wretch.yimg.com/singlealong/9/o1845438852.jpg?64EQ70BDfBIMBkdLMXZfJ0zkzclOBpj0UHf0mKmjpM0j_sR.SNEvb07R8hD2) #fff fixed no-repeat LEFT center;
MARGIN-left:243px;
CURSOR:crosshair;
COLOR:#666;FONT-FAMILY:verdana;}

A {
FONT-SIZE:10px;
COLOR:#666;
FONT-FAMILY:verdana;
TEXT-DECORATION:none;}

A:hover {
FONT-WEIGHT:normal;
CURSOR:crosshair;
COLOR:#5C63CB;BACKGROUND:none;
TEXT-DECORATION:none;}

SELECT {
POSITION:absolute;
LEFT:-118px;FONT:7pt verdana;
WIDTH:130px;top:53px;
COLOR:#8095FF;
BACKGROUND:#3A47AD;
CLIP:rect(3px 80px 16px 3px);}

INPUT {
FONT-SIZE:10px;
BACKGROUND:#E4DFFF;
COLOR:#666;
PADDING-TOP:2px;
FONT-FAMILY:verdana;
MARGIN-left:20px;
border:0px solid #fff;}

#container1 {
MARGIN:0px auto;
WIDTH:757px;POSITION:relative;}

#container2 {}

#banner {
FONT-WEIGHT:normal;
BACKGROUND:none;
COLOR:#666;FONT-STYLE:normal;HEIGHT:0px;}

#pageheader {FONT-SIZE:9pt;}

#pageheader H1 A {
FONT-WEIGHT:bold;
FONT-SIZE:10pt!important;
LEFT:0px;MARGIN:0px;
LEFT:0PX;border:1px double #93A1FF;
top:0PX;TEXT-ALIGN:center;
COLOR:#4350C8;POSITION:absolute;
WIDTH:510px;BACKGROUND:#E4DFFF;
TEXT-DECORATION:none;
}

#pageheader H1 A:hover {
color:#B7C3FF;BACKGROUND:#5C63CB;}

#pageheader .description {
FONT-SIZE:1pt;
LEFT:1550px;
WIDTH:230px;
COLOR:#fff;
FONT-FAMILY:verdana;
POSITION:absolute;
TOP:1040px;TEXT-ALIGN:left;
FONT-WEIGHT:normal;}

#pageheader #description2 .description {
FONT-SIZE:12px;
left:-230px;
PADDING-LEFT:5PX;
WIDTH:200px;HEIGHT:50px;
COLOR:#E4DFFF;
POSITION:absolute;
TOP:0px;
TEXT-ALIGN:left;
OVERFLOW-X:hidden;OVERFLOW:auto;
SCROLLBAR-FACE-COLOR:#3A47AD;
SCROLLBAR-HIGHLIGHT-COLOR:#3A47AD;
SCROLLBAR-SHADOW-COLOR:#3A47AD;
SCROLLBAR-3DLIGHT-COLOR:#3A47AD;
SCROLLBAR-ARROW-COLOR:#2E378A;
SCROLLBAR-TRACK-COLOR:#3A47AD;
SCROLLBAR-DARKSHADOW-COLOR:#3A47AD;}

#main2 {
OVERFLOW:hidden;}

#content {
FLOAT:left;
WIDTH:510px;
MARGIN-top:30px;
PADDING-TOP:0px;
BACKGROUND:no-repeat;border:0px double #6D6352;
OVERFLOW-x:hidden;
}

#links {
WIDTH:225px;
MARGIN-top:0px;PADDING-TOP:45px;
FLOAT:right;
OVERFLOW-X:hidden;border:0px double #6D6352;
BACKGROUND-POSITION-Y:bottom;
BACKGROUND-COLOR:transparent;
}

.date {
MARGIN:10px 0px 0px 0px;
WIDTH:130px;COLOR:#666;
font-family:Sucharaka!important;
BACKGROUND:none;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-BOTTOM:1px;
PADDING-TOP:1px;
BORDER-TOP-WIDTH:3px;
BORDER-LEFT-WIDTH:3px;
BORDER-RIGHT-WIDTH:3px;
TEXT-ALIGN:center;}

.blogbody {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:0px;}

.blogbody2 {}

.sidetitle {
WIDTH:120px;
FONT-SIZE:10px;
BACKGROUND-COLOR:#3A47AD;
BACKGROUND-REPEAT:no-repeat;
COLOR:#9CB1EB;MARGIN-left:50px;
MARGIN-bottom:5px;PADDING-TOP:3px;
border:1px solid #9CB1EB;
TEXT-ALIGN:center;}

.side {
PADDING-TOP:10px;
PADDING-RIGHT:10px;
PADDING-LEFT:15px;
PADDING-BOTTOM:10px;
FONT-SIZE:10px;
LINE-HEIGHT:170%;
FONT-FAMILY:arial;
BACKGROUND-COLOR:transparent;
BORDER-RIGHT-WIDTH:1px;
BORDER-TOP-WIDTH:1px;
BORDER-BOTTOM-WIDTH:1px;
BORDER-LEFT-WIDTH:1px;
BORDER-LEFT-COLOR:#ffffff;
BORDER-TOP-COLOR:#ffffff;
BORDER-BOTTOM-COLOR:#ffffff;
BORDER-RIGHT-COLOR:#ffffff;}


#boxProfile .boxProfile1 .side .boxProfileImg {DISPLAY:none;}
#boxSlideShow {DISPLAY:block;}
#SlidePicTitle {WIDTH:100px;}

#boxCounter {
right:800px;COLOR:#8095FF;
WIDTH:200px;TOP:167PX;
POSITION:absolute;}
#boxCounter .boxCounter0 .sidetitle {DISPLAY:none;}
#boxCounter br{display:none;}

.syndicate {
PADDING-RIGHT:10px;PADDING-LEFT:10px;
PADDING-BOTTOM:10px;PADDING-TOP:10px;DISPLAY:none;}

.powered {color:#fff;}
.powered .powerlogo IMG {DISPLAY:none;}
.powered .powerlogo {
DISPLAY:block;WIDTH:0px;HEIGHT:0px;}
.powered A:hover {
BACKGROUND:none transparent scroll repeat 0% 0%;}
.total-comments-div .powered IMG {
HEIGHT:1px;}
#footer {}


/*--文章標題--*/

.articletext {
BORDER-TOP-WIDTH:1px;
BORDER-LEFT-WIDTH:1px;
BORDER-BOTTOM-WIDTH:1px;
BORDER-RIGHT-WIDTH:1px;
BACKGROUND-POSITION:right center;
BACKGROUND-IMAGE:none;
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-COLOR:transparent;
}

.articletext .title {
color:#29317C;BACKGROUND:#C6C7FF;
MARGIN-TOP:0px;PADDING-left:10px;
PADDING-top:5px;MARGIN-LEFT:0px;
FONT-WEIGHT:normal;
FONT-SIZE:10px;
FONT-FAMILY:verdana;}

.articletext .innertext {
COLOR:#333;
FONT-SIZE:10px;
PADDING-TOP:10px;PADDING-RIGHT:10px;
PADDING-LEFT:30px;PADDING-BOTTOM:10px;
LINE-HEIGHT:200%;
FONT-FAMILY:verdana;}

.articletext .extended {
PADDING-RIGHT:10px;
FONT-SIZE:10px;
MARGIN:0px;
FONT-FAMILY:verdana;
TEXT-ALIGN:right;}

.posted {
COLOR:#100702;
PADDING-RIGHT:10px;
FONT-WEIGHT:normal;
FONT-SIZE:xx-small;
BORDER-BOTTOM-WIDTH:1px;
BORDER-BOTTOM-COLOR:#ffffff;
PADDING-BOTTOM:5px;
TEXT-TRANSFORM:uppercase;
FONT-FAMILY:verdana;TEXT-ALIGN:right;}

.total-comments-div {
MARGIN-TOP:10px;MARGIN-LEFT:0px;
PADDING-TOP:10px;TEXT-ALIGN:left;
BORDER-TOP-STYLE:none;
BORDER-RIGHT-STYLE:none;
BORDER-LEFT-STYLE:none;
BORDER-BOTTOM-STYLE:none;}

.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
BACKGROUND:none;BACKGROUND:#40458C;COLOR:#8095FF;
PADDING-RIGHT:3px;PADDING-LEFT:20px;
PADDING-BOTTOM:5px;PADDING-TOP:5px;}

.total-comments-div .comments-head {
BACKGROUND:none;BACKGROUND:#40458C;TEXT-ALIGN:center;
PADDING-RIGHT:3px;PADDING-LEFT:20px;COLOR:#8095FF;
PADDING-BOTTOM:5px;PADDING-TOP:5px;}

.total-comments-div .comments-bottom .comments-head {
BACKGROUND:none;BACKGROUND:#40458C;TEXT-ALIGN:center;
PADDING-RIGHT:3px;PADDING-LEFT:20px;COLOR:#8095FF;
PADDING-BOTTOM:5px;PADDING-TOP:5px;}


.total-comments-div .comments-body {
BORDER-RIGHT:#5C63CB 3px double;BORDER-TOP:#5C63CB 3px double;
BORDER-LEFT:#5C63CB 3px double;BORDER-BOTTOM:#5C63CB 3px double;
BACKGROUND:#5C63CB;PADDING:10px;
MARGIN:0px 0px 8px 0px;COLOR:#38416F;LINE-HEIGHT:15px;}

.total-comments-div .comments-body .comments-post {
PADDING:0px;TEXT-ALIGN:right;}

.total-comments-div .comments-body FORM {TEXT-ALIGN:LEFT;}

.comments-body LI.comments-post A {COLOR:#38416F;}
.comments-body LI.comments-post a:hover {COLOR:#8095FF;}
.comments-body UL.comments-user {color:#38416F;}
.comments-body UL.comments-user a:hover {color:#8095FF;}

.comments-post IMG {VISIBILITY:hidden;WIDTH:17px;}
.comments-body{TEXT-ALIGN:left;PADDING:10px;}
.comments-reply .comments-author p {TEXT-ALIGN:right;color:#fff;PADDING:10px;
font-size:xx-small;font-weight:normal;FONT-FAMILY:verdana;}
.comments-reply .comments-author .comments-post{color:#FFF;}
.comments-reply .comments-author .comments-post a{COLOR:#FFF;}
.comments-reply .comments-author .comments-post a:hover{COLOR:#38416F;}
.comments-reply .comments-author {
background:#40458C;filter:alpha(opacity=70);color:#8095FF;}

.postuser {PADDING-RIGHT:0px;BACKGROUND:none transparent scroll repeat 0% 0%;}
.postuser:hover {}
.postemail {}
.postemail:hover {}
.postweb {}
.postweb:hover {}

#text {
WIDTH:400px;HEIGHT:100px;
BACKGROUND:#fff;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#f6f6f6;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}


TEXTAREA {
COLOR:#666;
BORDER-RIGHT:#ccc 1px solid;
BORDER-TOP:#ccc 1px solid;
BORDER-LEFT:#ccc 1px solid;
BORDER-BOTTOM:#ccc 1px solid;}



/*--最新文章、分類、回應--*/

#boxNewArticle {}
#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {}
#boxNewArticle .boxNewArticle1 {OVERFLOW-x:hidden;width:232px;LINE-HEIGHT:0px;}

#boxNewArticle .boxNewArticle1 .side {
LINE-HEIGHT:1px;HEIGHT:100px;}

#boxNewArticle .boxNewArticle1 .side A {
LINE-HEIGHT:12px;DISPLAY:block;FILTER:alpha(opacity=40);
PADDING-RIGHT:5px;PADDING-LEFT:5px;COLOR:#4659BA;
BACKGROUND:#8FA2FF;PADDING-BOTTOM:4px;PADDING-TOP:4px;}

#boxNewArticle .boxNewArticle1 .side A:hover {
DISPLAY:block;COLOR:#99A3FF;
BACKGROUND:#3B4B9C;
PADDING-RIGHT:5px;
PADDING-LEFT:5px;
PADDING-BOTTOM:4px;PADDING-TOP:4px;}

#boxCategory {}
#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {}
#boxCategory A IMG {DISPLAY:none;}

#boxCategory A {
PADDING-LEFT:20px;COLOR:#3E4FA6;
BACKGROUND:url(http://f8.wretch.yimg.com/singlealong/5/1132501874.jpg?IO.0S01DdRWnJu935bgQJCYqx2C0Bjtfe_awK8Ssx_pRklbBTzZkSttFDeOk) no-repeat left center;}
#boxCategory A:hover {COLOR:#4C61CA;}
#boxCategory .boxCategory1 {
PADDING-TOP:0px;
PADDING-bottom:1px;
}

#boxCategory .boxCategory1 .side div a {background:none !important;}
#boxCategory .boxCategory1 {}

#boxNewComment {left:-244px;WIDTH:193px;POSITION:absolute;TOP:200px;}
#boxNewComment .boxNewComment0 {}
#boxNewComment .boxNewComment0 .sidetitle {}
#boxNewComment .boxNewComment0 .sidetitle IMG {DISPLAY:none;}
.boxNewComment0 .syndicate {DISPLAY:none;}
#boxNewComment .boxNewComment1 {OVERFLOW-X:hidden;width:223px;
HEIGHT:165px;OVERFLOW:auto;
SCROLLBAR-FACE-COLOR:#3A47AD;
SCROLLBAR-HIGHLIGHT-COLOR:#3A47AD;
SCROLLBAR-SHADOW-COLOR:#3A47AD;
SCROLLBAR-3DLIGHT-COLOR:#3A47AD;
SCROLLBAR-ARROW-COLOR:#2E378A;
SCROLLBAR-TRACK-COLOR:#3A47AD;
SCROLLBAR-DARKSHADOW-COLOR:#3A47AD;}

#boxNewComment .boxNewComment1 .side {
PADDING-LEFT:12px;FONT-SIZE:9px;COLOR:#666;
BACKGROUND:none transparent scroll repeat 0% 0%;LINE-HEIGHT:8px;}

#boxNewComment .boxNewComment1 .side A {
BORDER-top:#ccc 0px solid;FILTER:alpha(opacity=40);FONT-SIZE:10px;
BACKGROUND:#3F4CBE;PADDING-right:1px;PADDING-left:1px;COLOR:#8B9AFA;}

#boxNewComment .boxNewComment1 .side A:hover {
BORDER-top:#212322 0px solid;
PADDING-top:1px;FONT-SIZE:10px;color:#1B2051;FILTER:alpha(opacity=80);
BACKGROUND:#5364FA;PADDING-right:1px;PADDING-left:1px;}

.boxNewComment1 .side{
text-align:right;font-size:0px;color:#5C63CB;
line-height:1px;padding:0px 0px 0px 0px;}


#boxNewComment .boxNewComment1 .side {
background:#none;color:#313B93;}

.boxNewComment1 .side a{
background:#eee;display:block;width:auto;
font-size:10px;line-height:17px;text-align:left;}

.boxNewComment1 .side img{display:none;}

.boxNewComment1 .side {
PADDING-TOP:1px;
FONT-SIZE:0px;COLOR:#100702;
LINE-HEIGHT:2px;TEXT-ALIGN:right;}

.boxNewComment1 .side A {
FONT-SIZE:8pt;WIDTH:auto;
LINE-HEIGHT:18px;TEXT-ALIGN:left;}


/*--日曆--*/

.calendar {DISPLAY:none;}

.calendartable {
BACKGROUND:#none;}

.calendarhead {
FONT-WEIGHT:bold;FONT-SIZE:12px;
COLOR:#666;FONT-FAMILY:arial;}

.calendarhead A {
FONT-WEIGHT:bold;FONT-SIZE:12px;
COLOR:#666;FONT-FAMILY:arial;}

.calendarweek {
FONT-WEIGHT:bold;FONT-SIZE:10px;
COLOR:#666;FONT-FAMILY:arial;}

#links td .calendar a{
background-color:#666;
height:15px;width:15px;
color:#fff;
font-weight:normal;display:block;
margin-left:3px;}

#links .calendar td a{text-align:center;}
span.calendar {color:#666;}


/*--隱藏--*/

IMG {
BORDER-TOP-WIDTH:0px;
BORDER-LEFT-WIDTH:0px;
BORDER-BOTTOM-WIDTH:0px;
BORDER-RIGHT-WIDTH:0px;}
.powerlogo{display:none;}
.boxNewArticle1 img {display:none!important;}
.boxNewComment1 img{display:none!important;}
.title img {display:none!important;}
#boxDate {DISPLAY:none!important;}
#boxRssList {DISPLAY:none!important;}
#scupioSearch {DISPLAY:none!important;}
#boxSearch {display:none!important;}
#linkVideo {DISPLAY:none!important;}
div #blogCategory span{display:none!important;}
div #blogCategory a{display:none!important;}
LI.boxAddFriendLink A {DISPLAY:none!important;}


/*--連結--*/

#boxMySpace .boxMySpace0 .sidetitle {DISPLAY:none;}
#boxMySpace .boxMySpace1 {}
#boxMySpace .boxMySpace1 .side {}
#boxMySpace A {FONT-SIZE:10px;COLOR:#666;}
.boxMySpaceImg{}
#boxMySpace .side A IMG {
FILTER:alpha(opacity=70);position:absolute;
LEFT:-235px;top:70px;WIDTH:80px;HEIGHT:80px;
BORDER-RIGHT:#293DA0 10px solid;
BORDER-TOP:#293DA0 10px solid;
BORDER-LEFT:#293DA0 10px solid;
BORDER-BOTTOM:#293DA0 10px solid;}

#boxMySpace .side A:hover IMG {
FILTER:alpha(opacity=40);
BORDER-RIGHT:#293DA0 10px solid;
BORDER-TOP:#293DA0 10px solid;
BORDER-LEFT:#293DA0 10px solid;
BORDER-BOTTOM:#293DA0 10px solid;}


#service {WIDTH:120px;PADDING-LEFT:0px;position:absolute;top:75px;LEFT:-136px;}
#service LI {FLOAT:left;MARGIN:0px 0px 7px 5px;}

#service LI A {
DISPLAY:block;FONT-SIZE:8pt;WIDTH:35px;COLOR:#B1C3FF;LINE-HEIGHT:16px;
LETTER-SPACING:1px;TEXT-ALIGN:center;FILTER:alpha(opacity=80);PADDING-top:5px;PADDING-bottom:5px;
BACKGROUND:#293DA0;PADDING-left:6px;PADDING-right:5px;}

#service LI A:hover {
COLOR:#30347F;BACKGROUND:#7B8FDE;FILTER:alpha(opacity=80);}


#linkMypage{}
#linkBlog{}
#linkAlbum{}
#linkGbook{}
#linkUser{}
#linkFriend{}

/*---------------誰來我家----------------------*/


boxWho .sidetitle {display:none;}
#boxWho{position:absolute;top:0px;left:215px;}
#boxWho div#whowrapper{padding-left:320px;padding-right:320px;}
#boxWho li{
border:1px #4F5C9E double !important;WIDTH:19px!important;HEIGHT:19px!important;}

#boxWho input{margin-top:6px;position:absolute;top:0px;left:-500px;
font:0pt verdana;color:#333;background:none;border:1px #fff solid;}
#boxWho #whowrapper li a {}
#boxWho #whowrapper li a img {FILTER:alpha(opacity=40);}
#boxWho #whowrapper li a:hover img {FILTER:alpha(opacity=80);}
#boxWho img , #boxWho a{}
#boxWho .sidetitle {display:none;text-align:right;letter-spacing:-3px;}