html{
overflow-x:hidden;
SCROLLBAR-FACE-COLOR:#FFF;
SCROLLBAR-HIGHLIGHT-COLOR:#ccc;
SCROLLBAR-SHADOW-COLOR:#ccc;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#888;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}


#boxMusic{position:absolute;top:37px;left:711px;width:200px;}
.boxMusic0 .sidetitle{display:none;}

#container1{margin:auto;width:935px;position:relative;}



body{
margin-top:20px;line-height:13pt;color:#666;letter-spacing:2px;
font:7pt verdana;
cursor:URL(http://w1.hc.edu.tw/ttpss92062/marioglove.cur);
}

a{color:#999;text-decoration:none;}
a:hover{color:#CCC;text-decoration:none;cursor:URL(http://w1.hc.edu.tw/ttpss92062/marioglove.cur);}
br{letter-spacing:0px;}

#banner{width:200px;}
h1 .description{display:none;}

#pageheader h1 a{
position:absolute;left:45px;top:70px;
width:250px;height:15px;padding:5px 5px 4px 5px;
color:#666;
display:block;
FONT-SIZE:20pt;FONT-FAMILY:VERDANA;
text-align:CENTER;}

#pageheader h1 a:hover{color:#ccc;}

#pageheader #description2 .description{
OVERFLOW:auto;
BORDER:1PX #eee SOLID;
height:54px;width:219px;color:#999;background:#fff;
FONT-SIZE:7pt;FONT-FAMILY:verdana;
position:absolute;top:62Px;left:615Px;
padding:3px 0px 0px 5px;text-align:left;
}


.boxMySpace1 select{
POSITION:absolute;
TOP:39px;
left:620px;
width:225px;
background:#FFF;
clip:rect(2px 100px 16px 2px);
color:#999;
font:7pt verdana;
}




#links #serviceList{
position:absolute;
top:128px;left:730Px;
width:120px;}

#serviceList li{float:left;margin:0px 1px 30px 1px;}
#serviceList li a{
display:block;width:45px;height:15px;
font:7pt verdana;letter-spacing:1px;
text-align:center;padding-top:5px;}

a#linkMypage{
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
a#linkAlbum{
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
a#linkBlog{
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
a#linkGbook{
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
a#linkUser{
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
#linkFriend {
background:#fff;
border:#eee 1px solid;
COLOR:#999;
}
a#linkVideo{
background:#fff;display:none!important;
}

a#linkMypage:hover{color:#999;background:#EEE;}
a#linkAlbum:hover{color:#999;background:#EEE;}
a#linkBlog:hover{color:#999;background:#EEE;}
a#linkGbook:hover{color:#999;background:#EEE;}
a#linkUser:hover{color:#999;background:#EEE;}
a#linkFriend:hover{color:#999;background:#EEE;}
a#linkVideo:hover{color:#999;background:#EEE;}



a#linkVideo{display:none!important;}




#content{
BACKGROUND:#FFF;
width:500px;border:1PX #eee SOLID;PADDING:20PX;
position:absolute;left:72px;top:122px;
}

.date{text-align:center;}
.datediv{padding-top:3px;
padding-bottom:3px;
padding-right:5px;
padding-left:5px;
FONT-SIZE:7pt;
FLOAT:right;
WIDTH:150px;color:#999;
border-left:10px #ccc solid;
FONT-FAMILY:verdana;
letter-spacing:2px;}

.title{
font:11pt verdana;
WIDTH:300px;
}

.innertext{padding-bottom:10px;color:#333;line-height:15pt;}
.extended{text-align:right;}

.posted{font:0pt verdana;margin-bottom:20px;
border-bottom:1px #eee solid;
color:#fff;background:none;padding:3px 0px 3px 7px;
letter-spacing:-1px;text-align:right;}
.posted a{color:#999;font:7pt verdana;
letter-spacing:1px;margin-right:5px;}



#boxWho a {display:inline;}
#boxWho .sidetitle {display:none;text-align:right;letter-spacing:-3px;}
#boxWho{writing-mode:tb-rl;position:absolute;top:58px;left:428px;width:200px;height:100px;margin:0px;
}
#boxWho div#whowrapper{padding-left:20px;padding-right:250px;}

#boxWho li, #boxWho li img{width:26px !important;height:26px !important;}

#boxWho #whowrapper li a:hover img{
width:50px!important;height:50px!important;
position:relative;border:1px #eee solid;padding:1px;}

#boxWho li{border:#eee 1px double;margin:1px 1px 1px 1px;
}

#boxWho input{margin-top:6px;position:absolute;top:63px;left:56px;
font:7pt verdana;color:#333;background:#FFF;
border:1px #ddd solid;padding-left:10px;padding-right:10px;}



#name_id, #email, #url{
width:350px;
border:1px #eee solid;
padding:3px 0px 0px 3px;}

#text{color:#555;font:7pt verdana;
background:#FFF;
line-height:13pt;letter-spacing:1px;
width:350px!important;height:120px;
border:1px solid #eee;overflow:hidden;
padding:3px 0px 0px 3px;}


.total-comments-div .comments-body {
line-height:20px;border:1px #eee solid;
padding:15px 15px 8px 15px;
color:#555;background:#FFF;
font-size:7pt;letter-spacing:1px;}

.total-comments-div .comments-body form {
color:#666;letter-spacing:1px;}

.total-comments-div .comments-head {
text-align:left;
padding:7px;FONT-FAMILY:VERDANA;font-size:9px;
color:#555;background:none;
letter-spacing:15px;text-align:left;}

.total-comments-div .trackbacks-head .comments-head {
margin-bottom:10px;padding:7pt;
color:#fff;letter-spacing:1px;text-align:left;}

.total-comments-div .comments-bottom .comments-head {
margin-top:10px;padding:7px;letter-spacing:1px;}

.total-comments-div .comments-body br {letter-spacing:0pt;}

.total-comments-div .comments-body .comments-post {
padding-left:20px;color:#555;
font-size:7pt;letter-spacing:1px;
text-align:right;}

.total-comments-div .comments-body .comments-post a {
text-decoration:none!important;
text-align:right;color:#666;letter-spacing:1px;}

.total-comments-div .comments-body .comments-post a:hover {
color:#333;text-decoration:none!important;}

#do_comments-reply-edit {
width:280px;height:100px;border:#eee 1px solid;letter-spacing:1px;}

.comments-body BR {line-height:20px;}

.comments-reply .comments-author {padding:10px;
background:#F5F5F5;color:#666;
border:1px #EEE solid;
font-size:7pt;font-family:verdana;letter-spacing:1px;}

#links{
float:right;width:204px;
overflow-X:hidden;border:1px #eee solid;
padding:10px;
margin:122px 47px 0px 0px;
BACKGROUND:#fff;
COLOR:#999;
}

.sidetitle{
padding:5px;margin:10px 0px;
font:7pt verdana;color:#ccc;height:7px;text-align:left;letter-spacing:1px;
border-bottom:1px #eee solid;
}


.boxNewArticle1{line-height:1px;}
.boxNewArticle1 .side a{
display:block;width:193px;
padding-left:5px;line-height:15pt;
color:#999;
}

.boxNewArticle1 .side a:hover{color:#ddd;}



.boxNewComment1 .side{font:7pt verdana;
color:#999;text-align:right;padding-right:5px;}
.boxNewComment0 img, .boxNewComment1 .side br{display:none;}

.boxNewComment1 .side a{
display:block;font:7pt verdana;
color:#999;margin-right:10px;
line-height:15pt;padding-left:5px;width:193px;
text-align:left;
}

.boxNewComment1 .side a:hover{color:#ddd;}

.boxCategory1{line-height:2px;}
.boxCategory1 .side a{
BACKGROUND:#f5f5f5;
display:block;color:#999;width:193px;
padding:1px 0px 1px 5px;line-height:13pt;
}

.boxCategory1 .side a:hover{
color:#ddd;BACKGROUND:#999;
}

#boxRssEntryTitle {
color:#fff;
}

textarea{font:7pt verdana;color:#999;}
input{font:7pt verdana;color:#999;background:#fff;
border:1px #ddd solid;padding-top:3px;padding-bottom:1px;}


.boxMySpace0 .sidetitle, .boxGiftLink, .boxAddFriendLink, #blogCategory, 
#boxDate, #boxSearch, #scupioSearch, .powered img, .powered .powerlogo{display:none;}
#boxNewTrackback{display:none;}

.comments-body li p{margin:0px;height:auto !important;}
.comments-body li.comments-post{height:auto !important;}
.comments-body .comments-reply ul.comments-author{height:auto !important;}