/* ---------- 
∥網誌∥蔚藍晴空 
出處：http://www.wretch.cc/blog/zephyr714 
作者：紫翎 
此樣式嚴禁抄襲、修改、盜用、公開轉載分享給第三者。 
只開放修改游標、增加小圖示、文字大小和顏色，其餘一律禁止。---------- */
HTML {
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#99ccff;
SCROLLBAR-SHADOW-COLOR:#99ccff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#99ccff;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}
BODY {
FONT-SIZE:7pt;COLOR:#6666CC;FONT-FAMILY:verdana;
BACKGROUND:#FFF;LETTER-SPACING:2px;}
INPUT {
FONT-SIZE:7pt;COLOR:#6666CC;FONT-FAMILY:verdana;
BORDER:#B4D2F0 1px solid;
BACKGROUND:#fff;}
A {COLOR:#6666CC;TEXT-DECORATION:none;}
A:hover{COLOR:#6699FF;TEXT-DECORATION:none;}
#links br {line-height:1px;}
#links {
FONT-SIZE:7pt;FONT-FAMILY:verdana;
OVERFLOW-X:hidden;OVERFLOW:auto;
LETTER-SPACING:1px;
PADDING:5px 5px 40px 5px;
BACKGROUND:URL(http://f8.wretch.yimg.com/zephyr714/1/1431986872.jpg?.rVeTktDcBWyPAZZt3QAahyjFJgH9QiJvY5IyFZG1p.WmnsQtaj.sErM3w--) #FFF fixed no-repeat center bottom;
BORDER:#B4D2F0 1px solid;
FLOAT:left;
WIDTH:240px;
MARGIN-TOP:100px;
MARGIN-LEFT:30px;}
#links .sidetitle {MARGIN-BOTTOM:5px;}
#links #boxCategory A {DISPLAY:inline;LINE-HEIGHT:20px;}
#links A:hover {background:#FFF782;}
.side A {DISPLAY:block;PADDING:5px;}
.sidetitle {
COLOR:#fff;
BACKGROUND:#99CCFF;
BORDER-LEFT:#6666cc 10px solid;
BORDER-RIGHT:#6666cc 10px solid;
FONT-FAMILY:verdana;FONT-SIZE:7pt;
FONT-WEIGHT:normal;TEXT-ALIGN:center;
LETTER-SPACING:1px;
MARGIN-TOP:5px;
MARGIN-LEFT:2px;
PADDING-TOP:3px;
PADDING-BOTTOM:3px;
PADDING-LEFT:5px;
PADDING-RIGHT:5px;}
#pageheader H1 A {
COLOR:#fff;BACKGROUND:#99CCFF;
TOP:0px;LEFT:320px;WIDTH:552px;
BORDER:#99CCFF 1px solid;
FONT-FAMILY:verdana;FONT-SIZE:7pt;
FONT-WEIGHT:normal;POSITION:absolute;
TEXT-ALIGN:center;PADDING:4px;}
#pageheader H1 A:hover {
FONT-SIZE:7pt;FONT-FAMILY:verdana;
COLOR:#99CCFF;BACKGROUND:#FFF782;
BORDER:#FFF782 1px solid;}
#pageheader #description2 .description {
COLOR:#6666CC;BACKGROUND:#fff;
LEFT:60px;TOP:0px;WIDTH:240px;HEIGHT:90px;
OVERFLOW:auto;
BORDER:#B4D2F0 1px solid;
FONT-SIZE:7pt;FONT-FAMILY:verdana;
LETTER-SPACING:1px;POSITION:absolute;
TEXT-ALIGN:left;PADDING:5px;
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#99ccff;
SCROLLBAR-TRACK-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;}
.description {BACKGROUND:#fff;}
#content {
FONT-SIZE:7pt;FONT-FAMILY:verdana;
OVERFLOW:auto;FLOAT:right;
POSITION:absolute;
PADDING:5px;
BACKGROUND:#fff;
TOP:100px;WIDTH:550px;LEFT:320px;
BORDER:#B4D2F0 1px solid;}
.blogbody2 {
MARGIN-BOTTOM:20px;MARGIN-LEFT:10px;}
.date {
FONT-SIZE:7pt;FONT-FAMILY:verdana;
FONT-WEIGHT:normal;TEXT-ALIGN:center;
LETTER-SPACING:1px;LINE-HEIGHT:225%;
FLOAT:right;MARGIN:0px;WIDTH:140px;
COLOR:#fff;BACKGROUND:#99CCFF;
BORDER:#B4D2F0 1px solid;}
.title {
COLOR:#6666CC;FONT-WEIGHT:normal;FONT:8pt verdana;
LINE-HEIGHT:13px;LETTER-SPACING:2px;
BACKGROUND:#fff;PADDING-LEFT:5px;
MARGIN:5pt 0pt 0pt;}
.innertext {
COLOR:#6666CC;PADDING-LEFT:10px;LINE-HEIGHT:20px;LETTER-SPACING:1px;}
.articletext .innertext BR {LETTER-SPACING:0pt;}
.blogbody2 {MARGIN-BOTTOM:20px;MARGIN-LEFT:10px;}
.extended {TEXT-ALIGN:RIGHT;PADDING:7px;}
.extended A {LINE-HEIGHT:17pt;LETTER-SPACING:2px;}
.articletext .extended a:hover {COLOR:#6699FF;}

.total-comments-div .comments-head, 
.total-comments-div .comments-bottom .comments-head {DISPLAY:none;}

.total-comments-div .comments-body {
FONT:7pt verdana;TEXT-ALIGN:left;
COLOR:#6666CC;BACKGROUND:#FFF;
LETTER-SPACING:2px;LINE-HEIGHT:13pt;
MARGIN:10px;PADDING:10px;BORDER:0px;}

.total-comments-div .comments-body .comments-post {
COLOR:#6666CC;TEXT-ALIGN:right;LINE-HEIGHT:13pt;
FONT:7pt verdana;PADDING:2px;LETTER-SPACING:2px;}

.total-comments-div .comments-body .comments-post a {COLOR:#6666CC;}

.total-comments-div .comments-body .comments-post a:hover {COLOR:#6699FF;}

.total-comments-div .comments-body form {
COLOR:#6666CC;TEXT-ALIGN:LEFT;LINE-HEIGHT:15px;
LETTER-SPACING:3px;PADDING:10px;}

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

#text {
FONT:7pt verdana;OVERFLOW:hidden;
PADDING:3px 0px 0px 3px;
LINE-HEIGHT:13pt;LETTER-SPACING:2px;
COLOR:#6666CC;BACKGROUND:#FFF;
WIDTH:380px!important;HEIGHT:150px;
BORDER:#B4D2F0 1px solid;}

.total-comments-div .comments-body .comments-user p {float:left;}
.total-comments-div .comments-body .comments-user p.cmt_floor {float:right;}
.cmt_floor {
PADDING:5px;TEXT-ALIGN:center;
BACKGROUND:#99CCFF;COLOR:#FFF;BORDER:0px;}

.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;BORDER:#99CCFF 4px double;
BACKGROUND:#FFF;COLOR:#6666CC;}

#do_comments-reply-edit {
WIDTH:300px !important;HEIGHT:100px !important;
COLOR:#6666CC;FONT:7pt verdana;}

.calendar {display:none;}
.boxGiftlink {display:none;}
.boxAddFriendLink {display:none;}
.boxNewTrackback1 SPAN {DISPLAY:none;}
h1 .description {display:none;}
#boxSearch, #boxDate, #boxSlideShow, #blogCategory, 
#boxNewTrackback, #boxRssList, #links .powered .powerlogo img {display:none;}

.boxNewComment1 .side {
font-size:7pt;COLOR:#6699FF;margin-left:5px;}
.boxNewComment1 .side a {
display:block;width:180px;line-height:15px;}

#boxCounter {
POSITION:absolute;
TOP:30px;LEFT:566px;WIDTH:176px;HEIGHT:34px;
background:#99CCFF;COLOR:#fff;
BORDER:#99CCFF 1px solid;TEXT-ALIGN:CENTER;
PADDING:13px 5px;}
.boxCounter1 .side BR {DISPLAY:block;}
.boxCounter1 {LETTER-SPACING:3px;}
#boxCounter .sidetitle {DISPLAY:none;}

.posted {
FONT:0pt verdana;COLOR:#FFF;PADDING:5px;
BORDER-BOTTOM:#B4D2F0 1px dashed;
MARGIN-BOTTOM:5px;LETTER-SPACING:-1px;
TEXT-ALIGN:right;}
.posted A {
FONT:7pt verdana;LETTER-SPACING:2px;
MARGIN-BOTTOM:5px;MARGIN-RIGHT:5px;}

#article_counter {
BACKGROUND:#99CCFF;COLOR:#FFF;
LETTER-SPACING:2px;
WIDTH:320px;HEIGHT:20px;TEXT-ALIGN:center;
PADDING:5px;}

.boxMySpace1 .side {
BACKGROUND:#FFF;PADDING:6px;TEXT-ALIGN:center;}
.boxMySpace1 .side a img {BORDER:#99CCFF 6px double;}
.boxMySpace1 .side a:hover img {filter:alpha(opacity=70);BORDER:#6666CC 6px double;}
.boxMySpace0 .sidetitle {DISPLAY:block;}

#boxCategory a {
padding-left:15px;height:20px;
background:url(http://f8.wretch.yimg.com/zephyr714/5/1854744117.jpg?.WMzOuZDfBNoAGyaCTklBhE3epBq3Dw7pwsknnAJEEvEplyRxumR8Xszgw--) no-repeat left center;}
#boxCategory a img {display:none;}

#serviceList {
POSITION:absolute;TOP:30px;LEFT:316px;WIDTH:360px;
BORDER:0px;}
#serviceList LI {FLOAT:left;MARGIN:0px 5px 0px 0px;}
#serviceList LI A {
DISPLAY:block;FONT:7pt verdana;
WIDTH:32px;HEIGHT:34px;PADDING:21px 5px 5px 5px;
COLOR:#FFF;BACKGROUND:#99CCFF;
BORDER:#99CCFF 1px solid;
LETTER-SPACING:2px;TEXT-ALIGN:center;}
a#linkVideo, a#linkMypage {display:none!important;}
#serviceList li a:hover {BORDER:#FFF782 1px solid;
BACKGROUND:#FFF782;COLOR:#6699FF;}

#boxWho {POSITION:absolute;TOP:26px;RIGHT:48px;}
#boxWho input {DISPLAY:none!important;}
#boxWho .sidetitle {DISPLAY:none;}
#boxWho div#whowrapper 
{WIDTH:170px !important;TEXT-ALIGN:center;}
#boxWho li, #boxWho li img 
{WIDTH:10px !important;HEIGHT:62px !important;
BORDER:0px;}
#boxWho #whowrapper li a {BACKGROUND:#99CCFF;}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img {
filter:alpha(opacity=100);
POSITION:relative;TOP:1px;LEFT:1px;}
#boxWho li a:hover img{
WIDTH:62px !important;HEIGHT:62px !important;}