/*****************************************
作者：micky0510
主題：清晰淺藍
網址：http://www.wretch.cc/blog/micky0510
******************************************/
html {
overflow-x:hidden;
overflow-y:hidden;
cursor:crosshair;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#909090;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
}

#text {
color:#d4d4d4;
}
textarea{
color:#d4d4d4;
font-size:7pt;
font-family:verdana;
line-height:17px;
letter-spacing:1pt;
padding:5px;
background:#ffffff;
}
input, select{
color:#d4d4d4;
font-size:7pt;
font-family:verdana;
line-height:17px;
letter-spacing:1pt;
background:#ffffff;
border:none;
}
body {
font-size:7pt;
font-family:verdana;
color:#909090;
background:#ffffff;
text-align:center;
background:#fff;
cursor:url(http://w1.hc.edu.tw/ttpss92062/marioglove.cur);}

a {
color:#d4d4d4;
text-decoration:none;
line-height:17px;
letter-spacing:1pt;
}
a:hover {
color:#909090;
text-decoration:none;
cursor:e-resize;
}


#container1 {
width:910px;
position:relative;
height:440px;
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
background:none;
}


#pageheader .description{
position:absolute;top:80px;left:650px;
font:7pt verdana;font-weight:normal;COLOR:#009999;
text-align:left;display:block;padding-left:5px;}
#pageheader h1 a{
position:absolute;top:20px;left:20px;
width:250px;background:#ccffff;color:#009999;
text-align:center;padding:5px 10px 5px 0px;
display:block;font:7pt verdana;}
#pageheader h1 a:hover{background:#888;color:#fff;}

#pageheader #description2 .description{
height:20px;padding:2px 0px 2px 10px;line-height:15pt;
width:270px;color:#888;background:#fff;
FONT-SIZE:7pt;FONT-FAMILY:verdana;
position:absolute;top:20px;left:280px;overflow:auto;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#555;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}


#main2 {
height:475px;
text-align:left;
background:none;
}

#content {
background:#fff;float:left;
overflow:auto;overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#aaa;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
margin-top:100px;
margin-left:10px;
width:540px;height:414px;
border:1px solid #d8d8d8;
}

.date{
color:#00cc99;
font-size:8pt;
font-family:verdana;
line-height:15px;
letter-spacing:1pt;
font-weight:normal;
margin-left:0px;
padding-bottom:-20px;
text-align:right;
}


.articletext .title {
color:#888;letter-spacing:0px;}

.articletext .innertext {

font-size:7pt;
font-family:verdana;
line-height:17px;
letter-spacing:2pt;
padding-left:10px;
border:0px solid #ccc;
}
.articletext .innertext br {
letter-spacing:0pt;
}

.articletext .extended {
color:#000;
line-height:17px;
letter-spacing:1pt;
text-align:right;
padding-right:10px;
}
.articletext .extended a {
color:#020202;
}
.articletext .extended a:hover {
color:#000;
}
.posted {
color:#888;
line-height:17px;
letter-spacing:1pt;
padding:1px;
text-align:center;
border-bottom:0px solid #ccc;
}
.posted a{color:#c4c4c4;}
.posted a:hover{color:#009999;}

.total-comments-div {
text-align:left;
border:none;
padding-top:10px;
margin-top:10px;
margin-left:0px;
}
.total-comments-div .trackbacks-head {}
.total-comments-div .trackbacks-head .comments-head {
width:100px;
color:#909090;
line-height:15px;
letter-spacing:1pt;
padding:5px;
margin:10px;
text-align:center;
background:#ffffff;
}
.total-comments-div .comments-head {
width:100px;
color:#909090;
line-height:17px;
letter-spacing:1pt;
padding:5px;
margin:10px;
text-align:center;
background:#ffffff;
}
.total-comments-div .comments-bottom .comments-head {
width:100px;
color:#909090;
line-height:17px;
letter-spacing:1pt;
padding:5px;
margin:10px;
text-align:center;
background:#ffffff;
}
.total-comments-div .comments-body {
color:#909090;
line-height:17px;
letter-spacing:1pt;
background:#ffffff;
padding:5px;
margin:10px;
padding-left:20px;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#909090;
padding:2px;
}
.total-comments-div .comments-body .comments-post a {
color:#d4d4d4;
}
.total-comments-div .comments-body .comments-post a:hover {
color:#909090;
}
.total-comments-div .comments-body form {
text-align:left;
}
#text {
width:360px!important;
height:150px!important;
color:#909090;
}
.comments-post img{
visibility:hidden;
width:10px !important;
height:10px !important;
}
.postemail{background:#555;}
.postemail:hover{background:none;}
.postweb{background:#909090;}
.postweb:hover{background:none;}

#links {
width:230px;
overflow:auto;
overflow-x:hidden;
height:410px;
float:right;
background:none;
margin:0px;
border:1px solid #d8d8d8;
margin-right:10px;
margin-top:100px;
text-align:left;
padding:2px;
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-Color:#ffffff;
scrollbar-arrow-color:#909090;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
}
#links2 {}
#links a:hover {color:#000;background:#eee;}
#links br{}

#links #serviceList{
position:absolute;top:60px;left:10px;width:250px;
padding:10px 10px 10px 10px;}
#serviceList li{float:left;margin:0px 1px 30px 1px;}

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

#linkVideo {
display:none!important;}
a#linkVideo{display:none!important;}
.boxMySpace0{display:none!important;}
#blogCategory{display:none!important;}


.sidetitle{
color:#000;
font-size:7pt;
font-family:verdana;
font-weight:normal;
line-height:17px;
letter-spacing:1pt;
padding-left:5px;
margin-top:10px;
margin-bottom:2px;
background-color:#fff;
border-bottom:1px solid #ccc;
}

#boxMySpacee0 {display:none;}
#boxMySpace  .sidetitle {}
.boxMySpace1 .side a img{
position:absolute;top:0px;left:800px;
border:#66ffff 4px double;}
.boxMySpace1 .side a:hover img{
filter:alpha(opacity=50);cursor:help;}





#boxMySpace .boxMySpace1 .side br {display:none;}
#boxMySpace .boxMySpace1 .side {font-size:0pt;color:#fff;}
.boxMySpace1 .side a img{border:#ddd 4px double;cursor:help;}

#boxMySpace .boxMySpace1 .side a {
color:#909090;
font-size:7pt;
font-family:verdana;
line-height:15px;
letter-spacing:2pt;
display:block;
padding:1px;
padding-left:10px;
}
#boxMySpace #linkMypage{
margin-top:2px;
}
.boxGiftLink {display:none;}
.boxAddFriendLink {display:none;}

.boxMySpace1 select{
position:absolute;top:70px;left:250px;
font:7pt verdana;background:#fff;color:#555;
width:150px;clip:rect(2px 80px 16px 2px);}
.boxMySpace1 select optgroup{background:#fff;color:#ccc;}

#boxNewArticle .boxNewArticle0 {}
#boxNewArticle .boxNewArticle0 .sidetitle {color:#000;}
#boxNewArticle .boxNewArticle1 {}
#boxNewArticle .boxNewArticle1 .side {font-size:0px;color:#ECECEC;
}
#boxNewArticle .boxNewArticle1 .side a{
color:#909090;
font-size:7pt !important;
font-family:verdana;
line-height:17px;
letter-spacing:2pt;
display:block;
padding:1px;
padding-left:10px;
}
#boxNewArticle .boxNewArticle1 .side a:hover {
color:#009999;
background:#fff;
}
#boxNewArticle .boxNewArticle1 .side img {display:none;}

#boxCategory .boxCategory0 {}
#boxCategory .boxCategory0 .sidetitle {color:#000;}
#boxCategory .boxCategory1 {}
#boxCategory .boxCategory1 .side {font-size:0px;color:#ECECEC;
}
#boxCategory .boxCategory1 .side a{
color:#909090;
font-size:7pt !important;
font-family:verdana;
line-height:17px;
letter-spacing:2pt;
display:block;
padding:1px;
padding-left:10px;
}
#boxCategory .boxCategory1 .side a:hover{
color:#009999;
background:#fff;
}

#boxDate {display:none;}
#boxDate .boxDate0 {}
#boxDate .boxDate0 .sidetitle {}
#boxDate .boxDate1 {}
#boxDate .boxDate1 .side {}

#boxSearch {display:none;}
#boxSearch .boxSearch0 {}
#boxSearch .boxSearch0 .sidetitle {}
#boxSearch .boxSearch1 {}
#boxSearch .boxSearch1 .side {}
#boxSearch .boxSearch1 .side a{}
#boxSearch .boxSearch1 .side a:hover{}

#scupioSearch {display:none;}
#scupioSearch .scupioSearch0 {}
#scupioSearch .scupioSearch0 .sidetitle {}
#scupioSearch .scupioSearch1 {}
#scupioSearch .scupioSearch1 .side {}
#footer {height:10px;border-bottom:8px solid #ccc;}

#boxWho{width:50px;height:400px;
position:absolute;top:90px;left:580px;}
#boxWho .sidetitle{display:none;}
#boxWho div#whowrapper{
padding:10px 0px 0px 5px;
margin-bottom:0px!important;
width:auto !important;text-align:center;}
#boxWho #whowrapper li a img{
width:35px!important;height:35px!important;
filter:alpha(opacity=70);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);cursor:default;}
#boxWho li {
width:35px!important;height:35px!important;
border:1px solid #888;}
#boxWho input{
margin-top:8px;
height:23px;width:60px;}

#boxCounter{position:absolute;top:0px;left:-50px;}
.boxCounter0 .sidetitle{display:none;}
#boxCounter .boxCounter1 .side{
padding:15px 0px 0px 5px;
color:#000;writing-mode:tb-rl;width:15px;height:250px;}

#boxMusic{position:absolute;top:64px;left:410px;width:200px;}
.boxMusic0 .sidetitle{display:none;}
.boxMusic1 .side{padding:5px 0px 0px 20px;}




.extended{text-align:right;}
.date{font:15px impact;color:#555;text-align:right;letter-spacing:0.5px;}
.title{font:18px simhei;color:#333;padding:2px 0px 2px 5px;
}