/*****************************************
作者：rainer35509
主題：【網】透綠晌午
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{
overflow-x:hidden;
SCROLLBAR-FACE-COLOR:#ccc;
SCROLLBAR-HIGHLIGHT-COLOR:#eee;
SCROLLBAR-SHADOW-COLOR:#eee;
SCROLLBAR-3DLIGHT-COLOR:#eee;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#eee;
SCROLLBAR-DARKSHADOW-COLOR:#eee;}

body{font:7pt verdana;color:#555;
background:#efefef;margin:10px 0px 0px 0px;letter-spacing:1px;}

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


#banner{border-bottom:1px #bbb solid;width:500px;height:252px;margin:5px;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620417289.jpg?820Z6tJDchSJZLqsb0NwCL_QRrVnjL9njqsagR2h6nDs5jHBrZPTgFEQ1t8HAg--) no-repeat;}
#pageheader .description{
position:absolute;top:142px;left:635px;text-align:right;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620411569.jpg?ZzgIXDNDchS6d6dNmGMgraNxx9BTgIYEdmboi4Fwnl_PcrsudYioQvIdTo8X5w--) no-repeat left bottom;
font:7pt verdana;color:#000;width:240px;height:100px;}

#pageheader h1 a{
height:15px;padding:5px 0px 5px 10px;text-align:left;
color:#000;display:block;font-weight:normal;font:7pt verdana;}
#pageheader h1 a:hover{color:#50732d;}

#pageheader #description2 .description{
position:absolute;top:172px;left:640px;
height:60px;width:220px;
padding:2px 0px 2px 7px;
font:7pt verdana;color:#000;
background:none;
overflow:auto;overflow-X:hidden;
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;
line-height:15pt;text-align:left;}

#serviceList{position:absolute;top:231px;left:126px;
background:#555;filter:alpha(opacity=40);width:499px;height:15px;}
#serviceList li{float:left;}
#serviceList li a{
display:block;width:60px;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:w-resize;}
a#linkVideo, a#linkMypage{display:none!important;}

.boxMySpace0 .sidetitle{
position:absolute;top:15px;left:640px;width:220px;
background:none;padding-left:7px;}
.boxMySpace1 .side a img{
position:absolute;top:55px;left:640px;
border:#fff 4px double;}
.boxMySpace1 .side a:hover img{
filter:alpha(opacity=70);}
.boxMySpace1 select{
position:absolute;top:247px;left:765px;
clip:rect(2px 70px 16px 10px);
width:130px;font:7pt verdana;background:#ddd;color:#555;}
.boxMySpace1 select optgroup{background:#aaa;color:#fff;}

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

#boxCounter{position:absolute;top:5px;left:640px;}
.boxCounter0 .sidetitle, .boxCounter1 .side br{display:none;}
#boxCounter .boxCounter1 .side{
background:#eee;color:#000;width:230px;
text-align:center;padding:2px;}

#container1{width:760px;margin-left:120px;
background:#ddd;}

#content{float:left;
margin-left:3px;width:500px;}
#links{width:220px;padding:0px 0px 30px 10px;overflow-x:hidden;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620417291.jpg?.mGrTP1DchTssKcgazbo6646vpQJ5G8wAVfBeadY3v0LBQHEwu9w6o1CKrz.1w--) #ddd no-repeat center bottom;}

.sidetitle{
color:#000;padding:2px 0px 0px 20px;margin:10px 0px;
border-bottom:1px #bbb solid;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620427256.jpg?z8RaHzRDchTlv9Du7BbIO4r_lHdZVmzv9N6yx8dK6_u8xyIN9y9p234PDQ4BWg--) no-repeat left center;
font:7pt verdana;height:15px;text-align:left;}

.date{color:#000;float:left;
padding:4px 0px 3px 10px;margin-top:10px;}
.datediv{width:150px;height:15px;
font:7pt verdana;color:#fff;margin-right:5px;
background:#aaa;padding:3px 0px 0px 0px;
text-align:center;}

.title{line-height:15pt;text-align:left;
font:7pt verdana;color:#000;border-bottom:1px #ccc solid;
padding:7px 0px 7px 0px;margin-top:0px;}

.articletext{border:1px #ddd solid;background:#fff;padding:10px 10px 0px 10px;}
.innertext{line-height:15pt;}
.innertext a{color:#ff0000;text-decoration:underline;}
.extended{text-align:right;}


.posted{font:0pt verdana;color:#eee;background:#eee;
text-align:left;margin-bottom:15px;
padding:5px 0px 5px 15px;letter-spacing:-1px;}
div#article_counter{color:#000;background:#eee;
width:470px!important;text-align:center;
padding:2px 0px 2px 0px;margin:2px 0px 2px 0px;}

.posted a{color:#000;font:7pt verdana;
letter-spacing:1px;margin-right:5px;}
.list-linkcontrol{display:none;}

.total-comments-div .trackbacks-head .comments-head, 
.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head{
margin:10px 0px 0px 10px;padding-left:10px;
font:20px simhei;color:#000;}

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

.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:left;padding-left:10px;}
#name_id, #email, #url{width:400px;
background:#eee;border:none;}

#text{color:#000;background:#eee;border:none;
font:7pt verdana;line-height:13pt;
letter-spacing:1px;width:400px!important;height:200px;
overflow:hidden;margin-top:7px;
padding:7px 0px 0px 7px;}

.cmt_floor{display:none;}
.cmt_floor_hide{font-size:7pt;color:#000;filter:gray;
display:block;width:87px;height:25px!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{
background:#eee;color:#000;height:auto!important;}


.boxNewArticle1{
line-height:2px;}
.boxNewArticle1 .side a{
color:#555;display:block;
padding-left:10px;line-height:14pt;}
.boxNewArticle1 .side a:hover{background:#eee;color:#000;}

.boxCategory1{line-height:1px;}
#boxCategory a img{filter:alpha(opacity=50);margin-top:3px;}
.boxCategory1 .side a{color:#555;display:block;
padding-left:10px;line-height:14pt;}
.boxCategory1 .side a:hover{background:#eee;color:#000;}


.boxNewComment1, .boxNewTrackback1{
line-height:3px;}
#boxNewComment .side{
color:#ccc;font:0pt vredana;text-align:right;}
.boxNewComment1 .side a, .boxNewTrackback1 .side a{
display:block;font:7pt verdana;
text-align:left;color:#555;padding-left:10px;line-height:14pt;}
.boxNewComment1 .side a:hover, 
.boxNewTrackback1 .side a:hover{background:#eee;color:#000;}

#boxWho{
position:absolute;top:0px;left:70px;}
#boxWho .sidetitle{display:none;}
#boxWho li, #boxWho li a img{
width:25px!important;height:25px!important;
border:1px #aaa solid;}
#boxWho div#whowrapper{width:50px!important;
text-align:center;}
#boxWho a img{filter:alpha(opacity=100);text-align:center;}
#boxWho #whowrapper li a:hover img{
width:50px!important;height:50px!important;cursor:default;
position:relative;border:1px #aaa solid;padding:1px;}
#boxWho input{margin:0px 15px 0px 0px;
height:90px;width:25px;writing-mode:tb-rl;}

textarea{font:7pt verdana;color:#000;}
input{font:7pt verdana;color:#000;background:#fff;
border:1px #ccc solid;}
#boxDate, #boxSearch, #blogCategory, .boxNewTrackback1 span, 
.boxAddFriendLink{display:none;}