/*****************************************
作者：rainer35509
主題：【網】灰白透明系
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#888;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
OVERFLOW:hidden;
cursor:url(http://w1.hc.edu.tw/ttpss92062/7659.cur);}

body{background:url(http://f6.wretch.yimg.com/rainer35509/41/o1620130094.jpg?XqNl2MFDchSq8SgEgHZJlfpjHXqGy_CrvvDC9V3Os5avKlqWf2v7mAaq6KLy1A--) #fff no-repeat left top;
background-position:-20px 20px;margin-left:80px;
font:7pt verdana;color:#555;line-height:13pt;letter-spacing:1px;}
#container1{margin:auto;width:935px;}


a{color:#555;text-decoration:none;}
a:hover{cursor:w-resize;color:#000;text-decoration:none;}
br{letter-spacing:0px;}

#banner{width:480px;height:130px;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620659014.jpg?wdhen35DchRJTBAxfbbiIG3recpbaGUW4JQqtOQSKQ4Nm_blRL6DLWuerVupJg--) #fff fixed no-repeat center center;}
#pageheader .description{
font:7pt verdana;font-weight:normal;COLOR:#000;
text-align:left;display:block;padding-left:5px;}
#pageheader h1 a{
height:15px;padding:3px 0px 3px 5px;text-align:left;
color:#000;background:#ddd;filter:alpha(opacity=50);
display:block;font-weight:normal;font:7pt verdana;}
#pageheader h1 a:hover{color:#fff;background:#555;}

#pageheader #description2 .description{
height:20px;padding:2px 0px 0px 5px;
width:195px;color:#000;background:#eee;
font:7pt verdana;filter:alpha(opacity=70);
position:absolute;top:0px;left:489px;overflow:auto;
SCROLLBAR-FACE-COLOR:#eee;
SCROLLBAR-HIGHLIGHT-COLOR:#eee;
SCROLLBAR-SHADOW-COLOR:#eee;
SCROLLBAR-3DLIGHT-COLOR:#eee;
SCROLLBAR-ARROW-COLOR:#555;
SCROLLBAR-TRACK-COLOR:#eee;
SCROLLBAR-DARKSHADOW-COLOR:#eee;
line-height:15pt;}

.boxMySpace1 .side a img{
position:absolute;top:25px;left:700px;
padding:10px;border-top:#ddd 1px solid;border-left:#ddd 1px solid;
border-right:#aaa 1px solid;border-bottom:#aaa 1px solid;}
.boxMySpace1 .side a:hover img{filter:gray;}
.boxMySpace1 select{
position:absolute;left:700px;top:0px;width:180px;
font:10px verdana;color:#555;background:#fff;}
.boxMySpace1 select optgroup{background:#eee;color:#555;}

#serviceList{position:absolute;top:105px;left:0px;
background:#555;filter:alpha(opacity=50);width:480px;height:15px;}
#serviceList li{float:left;margin:0px 1px 0px 1px;}
#serviceList li a{
display:block;width:40px;height:18px;text-align:center;
color:#fff;font:7pt verdana;letter-spacing:1px;padding-top:5px;}
#serviceList li a:hover{
color:#000;background:#fff;cursor:crosshair;}
a#linkVideo, a#linkMypage{display:none!important;}

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

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

.extended{text-align:right;}
.date{text-align:right;}
.datediv{width:150px;height:15px;
font:7pt verdana;color:#000;background:#ddd;
padding:4px 0px 2px 10px;text-align:center;}
.title{color:#555;font:20px simhei;margin:0px;}

.innertext{padding-bottom:10px;color:#555;line-height:15pt;}
.innertext a{text-decoration:underline;}.extended{text-align:right;}
.posted{font:0pt verdana;margin-bottom:20px;color:#fff;
padding:3px 0px 3px 0px;letter-spacing:-1px;text-align:center;}
.posted a{font:7pt verdana;letter-spacing:1px;
padding:0px 5px 0px 5px;border-right:1px #aaa solid;}


.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head{
margin:15px 0px 0px 10px;padding:5px;
font:7pt verdana;color:#fff;background:#aaa;
text-align:center;width:80px;}

.total-comments-div .comments-body {
font:7pt verdana;color:#555;background:#eee;
letter-spacing:1px;line-height:13pt;text-align:left;
margin:10px;padding:5px;border:none;}

.total-comments-div .comments-body .comments-post {
color:#555;font:7pt verdana;line-height:13pt;
letter-spacing:1px;text-align:right;padding:2px;}

.total-comments-div .comments-body form{
font:7pt verdana;text-align:center;}
#name_id, #email, #url{
width:350px;background:#fff;
border:none;padding:3px 0px 0px 3px;}
#text{color:#888;font:7pt verdana;
line-height:13pt;letter-spacing:1px;
width:350px!important;height:120px;
border:1px solid #ddd;overflow:hidden;
padding:3px 0px 0px 3px;}

.cmt_floor{display:none;}
.cmt_floor_hide{filter:gray;font-size:7pt;color:#000;
display:block;width:87px;height:18px!important;
background:url(http://tw.yimg.com/i/tw/wretch/waiting/floor_long.gif) no-repeat left top;
text-align:center;float:right!important;display:inline;}
.total-comments-div .comments-body .comments-user p.cmt_floor{float:none;}
.total-comments-div .comments-body .comments-user p{float:left;}
.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;}

.total-comments-div .comments-body img{filter:alpha(opacity=70);}
.total-comments-div .comments-body a:hover img{filter:gray;cursor:move;}


#content{
float:left;position:absolute;top:130px;left:0px;
width:480px;height:400px;overflow:auto;}
#links{
float:right;margin:10px 10px 0px 0px;
width:210px;height:370px;overflow:auto;overflow-x:hidden;}

.sidetitle{
margin:10px 0px;border-bottom:1px #ddd solid;
color:#555;height:15px;text-align:left;
font:7pt verdana;}

#boxNewArticle{position:absolute;left:489px;top:40px;}
.boxNewArticle1{height:90px;width:200px;
background:#555;filter:alpha(opacity=50);overflow:auto;
SCROLLBAR-FACE-COLOR:#555;
SCROLLBAR-HIGHLIGHT-COLOR:#555;
SCROLLBAR-SHADOW-COLOR:#555;
SCROLLBAR-3DLIGHT-COLOR:#555;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#555;
SCROLLBAR-DARKSHADOW-COLOR:#555;}
#boxNewArticle .side br{line-height:1px;}
.boxNewArticle0 .sidetitle{display:none;}
.boxNewArticle1 .side a{color:#fff;text-align:left;
line-height:13pt;padding-left:5px;display:block;}
.boxNewArticle1 .side a:hover{padding-left:10px;color:#555;background:#fff;}

#boxNewComment{position:absolute;left:489px;top:150px;}
.boxNewComment1{height:95px;width:200px;
background:#eee;filter:alpha(opacity=50);overflow:auto;
SCROLLBAR-FACE-COLOR:#eee;
SCROLLBAR-HIGHLIGHT-COLOR:#eee;
SCROLLBAR-SHADOW-COLOR:#eee;
SCROLLBAR-3DLIGHT-COLOR:#eee;
SCROLLBAR-ARROW-COLOR:#555;
SCROLLBAR-TRACK-COLOR:#eee;
SCROLLBAR-DARKSHADOW-COLOR:#eee;}
#boxNewComment .side{font:0pt verdana;color:#eee;text-align:left;}
#boxNewComment .boxNewComment0 img, 
#boxNewComment .side br, .boxNewComment0 .sidetitle{display:none;}
.boxNewComment1 .side a{color:#000;text-align:left;font:7pt verdana;
line-height:13pt;padding-left:5px;display:block;}
.boxNewComment1 .side a:hover{padding-left:10px;color:#fff;background:#555;}

#boxCategory{position:absolute;left:489px;top:270px;}
.boxCategory1{line-height:0.5px;padding-top:5px;width:200px;height:90px;
background:#555;filter:alpha(opacity=50);overflow:auto;
SCROLLBAR-FACE-COLOR:#555;
SCROLLBAR-HIGHLIGHT-COLOR:#555;
SCROLLBAR-SHADOW-COLOR:#555;
SCROLLBAR-3DLIGHT-COLOR:#555;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#555;
SCROLLBAR-DARKSHADOW-COLOR:#555;}
#boxCategory .side br, .boxCategory0 .sidetitle{display:none;}
.boxCategory1 .side a{color:#fff;padding-left:10px;
line-height:13pt;display:block;}
.boxCategory1 .side a:hover{color:#555;background:#fff;}

.boxNewTrackback1{line-height:1px;}
.boxNewTrackback1 .side a{line-height:13pt;
display:block;padding-left:5px;color:#555;}
.boxNewTrackback1 .side a:hover{color:#888;}

.boxFolder1{line-height:2px;padding-left:10px;}
.boxFolder1 .side a{display:block;line-height:15pt;}

#boxWho{position:absolute;top:380px;left:500px;}
#boxWho .sidetitle{display:none!important;}
#boxWho div#whowrapper{
width:150px!important;
text-align:center;padding:0px;}
#boxWho li, #boxWho li img{
width:20px!important;height:20px!important;
filter:alpha(opacity=80);}
#boxWho li{border:1px solid #aaa;}
#boxWho li a:hover img{
width:50px!important;height:50px!important;}

#boxWho #whowrapper li a:hover img{
filter:alpha(opacity=100);
width:60px!important;
height:60px!important;
position:relative;cursor:default;
border:1px #ddd solid;}

textarea{font:7pt verdana;color:#555;overflow:hidden;}
input{border:1px #ccc solid;font:7pt verdana;color:#555;}
.syndicate img{filter:gray;}
.boxMySpace0 .sidetitle, .boxGiftLink, .boxAddFriendLink, #blogCategory, 
#boxDate, #boxSearch, #scupioSearch{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;}