部落格

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
pre { font-size: 1em ; }
ol,ul { margin-left: 2em; padding: 0; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }

/*input{ overflow: visible; }*/
.article-content { overflow: hidden ; }
.article-content p{ margin-bottom: 1em; }
.article-content img { max-width: 100%; }
.article-content ul, .article-content ol, .author { clear: both; }
.article-head, .article-head li,
.recommended-posts ul, .recommended-posts li,
.article-footer ul, .article-footer li,
.user-post-text ul, .user-post-text li,
.box-text ul, .box-text li { list-style: none; padding: 0; margin: 0; }
#toolbar-box ul, #toolbar-box li { list-style: none; margin: 0; }
/*reset-over*/

html {}
body {
color: #666;
font-size: 13px;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
line-height: 154%;
background: url(https://pic.pimg.tw/pixnetvisual/3e76a522cdcc1b4f63cbf0f4a7df2b58.jpg);
margin: 0;
}
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #ddd;
background: #f5f5f5;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #333;
border: 1px solid #ddd;
background: #f5f5f5;
padding: 2px;
}
#body-div {}
#authority {
width: 950px;
text-align: center;
font-size: 12px;
background: #ddd;
padding: 8px 0;
margin: 0 auto;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
-moz-box-shadow: 1px 1px 2px #aaa; /* FF3.5+ */
-webkit-box-shadow: 1px 1px 2px #aaa; /* Saf3.0+, Chrome */
box-shadow: 1px 1px 2px #aaa; /* Opera 10.5, IE 9 */
}
#authority a {
color: #999;
background: #f5f5f5;
padding: 2px 5px;
margin: 0 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#container {}
#container2 {}
#container3 {
overflow: hidden;
position: relative;
width: 1657px;
padding: 0 0 10px;
background: #FFFFFF;
padding: 25px 0 10px;
margin: 15px auto 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 1px 1px 2px #aaa; /* FF3.5+ */
-webkit-box-shadow: 1px 1px 2px #aaa; /* Saf3.0+, Chrome */
box-shadow: 1px 1px 2px #aaa; /* Opera 10.5, IE 9 */
position:relative; 
}
#blog-main #header {
position: relative;
height: 500px;
padding: 98px 0 0;
}
#article-main #header{
position: relative;
height: 50px;
padding: 98px 0 0;

}
#login-bar {
color: #aaa;
position: absolute;
top: -20px;
right: 1px;
text-align: right;
width: 928px;
font-size: 11px;
border-bottom: 1px dotted #ccc;
padding: 0 10px;
}
#login-bar  a { color: #999; }
#login-bar  a:hover { color: #000; }
#blog-main #banner {
height: 500px;
background: url(https://pic.pimg.tw/pixnetvisual/45e9c0298c6c867551804736c26e46d2.jpg) no-repeat;
}

#banner h1 {
position: absolute;
top: 0px;
left: 0;
width: 1663px;
text-align: center;
line-height: 30px;
height: 30px;
overflow: hidden;
font-size: 30px;
padding: 0 20px;
}
#banner h2 {
position: absolute;
top: 30px;
left: 0px;
width: 1663px;
height: 30px;
line-height: 30px;
text-align: center;
overflow: hidden;
}
.skiplink {
position: absolute;
top: -20px;
left: 10px;
font-size: 0px;
}
.skiplink a { color: #999; }
#blog-category {
position: absolute;
top: -20px;
left: 65px;
font-size: 0px;
color: #aaa;
}

#navigation li {
float: left;
list-style: none;
margin: 0;
}
#navigation li a {
display: block;
width: 0%;
height: 35px;
font-size: 0;
text-indent: -5000px;
}

#blog-main #main {
overflow: hidden;
padding: 100px 200px 1000px;
}
#article-main #main{
overflow: hidden;
padding: 100px 200px;
}
#content {
float: left;
width: 920px;

}
#spotlight {
margin: 0 auto 20px;
}
#spotlight h5 {
color: #000;
font-size: 15px;
border-bottom: 1px dashed #bbb;
padding: 5px;
}
#spotlight-text {
padding: 5px;
}
.article {
clear: both;
position: relative;
margin: 0 auto 20px;
padding:0 0 30px 0;

}
.article-head {
overflow: hidden;
height: 40px;
line-height: 20px;
padding: 0 0 50px 0;
box-sizing: border-box;
position:relative;
}
.publish {
float: left;
width:100px;
text-align: right;
font-size: 12px;
 position:absolute;
top:20px;
left:10px;
}

.time { display: none; }
.date { font-size: 12px; }
.title {
float: right;
width: 900px;
font-size: 20px;
line-height: 20px;

}
.title a {
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
font-weight: bold;
}
.title img { vertical-align: middle; }
.title img[alt="置頂"],
.title img[alt="隱藏"],
.title img[alt="密碼文章"],
.title img[alt="共同作者"],
.title img[alt="好友文章"] {
position: absolute;
left: 0;
}
#blog-main .article-body {
padding: 9px 0px 100px 400px ;
}
#article-main .article-body{
color:    #7B7B7B;
padding:20px 10px;

}
.article-body {
padding: 0px 0px 0px 0px ;
}

.bookmark {
font-size: 11px;
color: #aaa;
margin: 5px auto;
}
.bookmark span {}
.article-content {
width: 100%;
overflow: hidden;
line-height: 200%;
padding: 0 0 20px;
word-break: break-all;
}
.article-content a { text-decoration: underline; }
#content .recommended-posts1 { margin: 1em 0 1em 1.5em; }
#content .recommended-posts3 { margin: 1em 0 1em 2em; }
#content .recommended-posts1 h5 span ,
#content .recommended-posts3 h5 span { font-size: 1.1em; font-weight: normal; margin-top: 10px; }
#content .recommended-posts1 .recommended-post-image { border: 1px solid #ccc; }
#content .recommended-posts1 ul { top: 35px; }
#content .recommended-posts3 ul { border: none; border-left: 1px solid #ddd; }
#content .recommended-posts3 ul li { border: 0; border-right: 1px solid #ddd; }
#content .recommended-posts1 ul li a ,
#content .recommended-posts3 ul li a { color: #999; text-decoration: none; }
#content .recommended-posts3 ul li a:hover { color: #333; background: #f5f5f5; }
#content .recommended-posts1 ul li a.selected { background: none; }
#content .recommended-posts3 ul li a img { border-color: #ccc; }
#content .recommended-posts3 ul li a:hover img { background: #fff; }
.author, .forward {
font-size: 11px;
color: #999;
}
.author a, .forward a { color: #666; }
.forward img { vertical-align: middle; }

#blog-main .article-footer {
font-size: 11px;
color: #999;
position:absolute;
padding: 0px 0px;
margin: 0px 0 0;
top:300px;

}
#blog-main .article-footer a {
color: #999;
word-break: break-all;
}

#article-main  .article-content .article-footer {
font-size: 11px;
color: #666;
position:absolute;
padding: 5px 0px;
margin: 0px 0 0;
top:bottom;

}
#article-main .article-content .article-footer a {
color: #888;
word-break: break-all;
}

.refer{
width:200px;
} 
.history {
float: left;
width: 50%;
}
.back-to-top {
display:none;
}
.back-to-top a {
display:none;
}
.user-post-title {
height: 25px;
line-height: 25px;
background: url(https://pic.pimg.tw/pixnetvisual/92032e3d3dcabdb7bc9d6a769184f8a4.jpg?v=1288345368) no-repeat 15px 0;
}
.user-post-title span { display: none; }
.user-post-title img { margin: 7px 0 0; }
#comment-title { background-position: 15px -25px; }
#trackback-url { margin: 10px auto; }
#trackback-url input { margin-right: 3px; }
#trackback-url input#trackback-input { width: 50%; }
.post-comment { text-align: right; }
.post-comment a {
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background: #eee;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.post-comment a:hover {
color: #fff;
border: 1px solid #ccc;
background: #ccc;
text-decoration: none;
}
ul.single-post {
position: relative;
min-height: 90px;
line-height: 20px;
background: #eee;
padding: 10px 10px 10px 110px;
margin: 20px auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#trackback-text ul.single-post {
min-height: auto;
padding: 10px;
}
ul.secret {
min-height: 20px;
padding: 10px;
}
li.post-photo {
position: absolute;
top: 10px;
left: 10px;
}
li.post-photo img {
width: 80px;
height: 80px;
border: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
padding: 4px;
}
li.post-info {
height: 20px;
overflow: hidden;
font-size: 11px;
color: #999;
padding-right: 30px;
}
.floor {
position: absolute;
top: 10px;
right: 10px;
width: auto;
display: block;
font-size: 1.4em;
color: #ccc;
}
.post-info a {}
li.post-text {
border-bottom: 1px solid #ddd;
padding: 5px;
}
li.post-text p, li.post-text a { color: #aaa; font-weight: bold; }
li.post-text img { vertical-align: middle; }
li.reply-text {
color: #000;
border-top: 1px solid #fff;
padding: 5px;
}
li.reply-text textarea {
display: block;
margin: 0 0 3px;
}
li.reply-text p {
text-align: right;
font-size: 11px;
color: #aaa;
}
li.reply-text p a { color: #999; text-decoration: underline; }
.article-area-title,
#view-mode {
float: left;
width: 68%;
height: 20px;
overflow: hidden;
font-size: 12px;
color: #999;
border-bottom: 1px solid #ddd;
padding: 0 1% 5px;
margin: 0 0 15px;
}
#view-mode  {
width: 28%;
text-align: right;
font-size: 11px;
}
#view-mode a {
background: #e5e5e5;
padding: 1px 4px;
margin: 0 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.main-list { clear: both; }
.main-list th,
.main-list td {
background: #e5e5e5;
padding: 7px 10px;
}
.main-list td {
border-bottom: 1px dashed #bbb;
background: none;
}
td.list-date { width: 15%; font-size: 11px; }
.list-visit,
.list-comment { text-align: center; }
td.list-visit,
td.list-comment { width: 10%; font-size: 11px; color: #aaa; }
.page {
font-size: 11px;
text-align: center;
padding: 5px 0;
margin: 20px auto;
}
.page a, .page span {
color: #999;
padding: 1px 5px;
margin: 0 3px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.page a:hover { background: #f5f5f5; }
.page span {
color: #000;
background: #e5e5e5;
}
#links-row-1 {

float: right;
width: 310px;
overflow: hidden;
background-color: #FFFFFF;

}
.box {
margin: 0 auto 10px;
}
.box-title {
height: 60px;
line-height: 60px;
overflow: hidden;
color: #333;
font-size:18px;
padding: 0 0 0 10px;
 background-color:#33a6b8;
color:#FFFFFF;
font-weight: bold;
text-align:center
}
.box-text {
color: #999;
font-size: 16px;
padding: 10px 5px 50px;
}
.box-text ul {
overflow: hidden;
}
.box-text a { color: #777; }
.box-text a:hover { color: #444; }
.box-text audio,
.box-text iframe,
.box-text object,
.box-text embed {
position: relative;
display: block;
width: 100%;
max-width: 100%;
}
.inner-box {}
.inner-box ul {
margin: 0 0 0 1.3em;
}
.box-more {
text-align: center;
margin: 5px auto;
}
.box-more a {
font-size: 11px;
color: #999;
background: #eee;
border: 1px solid #fff;
padding: 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.box-more a:hover {
color: #444;
text-decoration: none;
background: #f5f5f5;
border: 1px solid #ccc;
}
#friendbox .friends-all a,
body #newsfeed a.show-all-newsfeed,
body #followed-murmurs a.show-all-murmurs { font-size: 11px; color: #999; }
#friendbox ul.friendlist li img { width: 36px; height: 36px; }
#user-info {}
#user-info .box-text { padding: 10px; }
#user-info dl {
padding: 10px 0 0;
margin: 10px 0 0;
}
#user-info dl dd { margin: 0; }
#recent-article {}
#recent-article li img { vertical-align: middle; }
#search .box-text { text-align: center; }
#search li { display: inline; }
#search input#search-target { width: 110px; }
#latest-comment {}
#latest-comment li {}
#latest-comment li span {
color: #bbb;
font-size: 0.9em;
border-right: 1px solid #ddd;
padding: 0 5px 0 0;
margin: 0 5px 0 0;
}
#latest-comment li a {
display: block;
height: 20px;
overflow: hidden;
}
#newsfeed {}
body #newsfeed ul li,
body #followed-murmurs ul li {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
border-bottom: 1px dashed #bbb;
}
body #newsfeed ul li .newsfeed-photo a,
body #followed-murmurs ul li .murmurs-photo a { color: #ccc; }
body #followed-murmurs .murmurs-photo img {
height:30px;
width:30px;
border:1px solid;
background:none repeat scroll 0 0 white;
padding:1px;
}
body #newsfeed ul li .newsfeed-content .newsfeed-author a,
body #followed-murmurs .murmurs-content a.murmurs-author { color: #444; font-weight: normal; }
body #followed-murmurs .murmurs-content { text-align: left; }
#friendbox ul.friendlist li a { color: #ccc; }
#visitor ul,
#crumb ul {
overflow: hidden;
}
#visitor ul li,
#crumb ul li {
float: left;
margin: 0 5px 5px 0;
}
#visitor ul li a,
#crumb ul li a { color: #ccc; }
#visitor ul li a img,
#crumb ul li a img {
width: 36px;
height: 36px;
background: white;
border: 1px solid;
padding: 1px;
vertical-align: top;
}
#calendar {}
.weekday { display: none; }
#calendar table {}
#calendar th,
#calendar td {
text-align: center;
font-size: 11px;
line-height: 24px;
border: 1px solid #eee;
}
#calendar th a {
display: block;
text-decoration: underline;
}
#calendar td a {
display: block;
color: #444;
background: #eee;
}
#footer {
display: none;
}
#footer a {display: none; }
#comment-form td, #comment-form th { vertical-align: top; padding: 2px; }
#comment-form th { width: 100px; text-align: right; }
#comment-form input { width: 98%; }
#comment-form input.radio { width: auto; background: none; border: none; }
input#blogcommenttext_name { width: 50%; }
input#send-comment { width: 10%; }
#comment-form textarea { width: 98%; }
body{background: url(https://pic.pimg.tw/pixnetvisual/3e76a522cdcc1b4f63cbf0f4a7df2b58.jpg)}
#blog-main #banner {background: url(https://pic.pimg.tw/pixnetvisual/45e9c0298c6c867551804736c26e46d2.jpg)}

body { background-color: #FFFFFF; }
body { background-image: none; }
#header { background-image: none; }
body { background-color: #F0F0F0; }
body { background-image: url(url("https://pic.pimg.tw/pixnetvisual/3e76a522cdcc1b4f63cbf0f4a7df2b58.jpg"));; }
#header { background-image: none; }

/*自訂修改區*/
.pixnavbar__top-bar {display:none !important}/*--刪除上方bar--*/
.main-container {padding-top: 0px !important;}
body { background-color: #FFFFFF; }
body { background-image: none; }
#header { background-image: none; }
/* CSS for Blocking Pixnet AD */
#links #links-row-1 div[class*="-mib-"],     /* 側欄廣告 */
#links #links-row-1 div[class*="-border-"],
#links #links-row-1 div.hslice.box[class*="-ad-sidebar-"],
#links #links-row-1 div.hslice.box[id*="-mib-"],
#links #links-row-1 div.hslice.box[id*="-ad-"],
#pix-mib-unfold-ad,      /* 右側浮動廣告 */
#pixblogad-banner2,
#idle-pop,               /* 閒置廣告 */
#ad-full-page,           /* 蓋版廣告 */
#comment-text > div,     /* 留言中廣告 */
.article-content-inner .article-inread-ad    /* 內文廣告 */
{
  display:none!important;
  height:0!important
}

/* 移除推薦文章中的廣告, 並調整顯示樣式 */
#content ul.demo,
#content ul.demo li a { width:100%; border-left:none }
#content ul.demo li { border-right:1px solid #ccc; width:32% !important }
#content ul.demo li:nth-child(1) { border-left:1px solid #ccc; margin-left:2% }
#content ul.demo li div[id^="pixad"] { display:none !important }

/* 移除 Pixnet 領航員 Happix (狐狸頭) */
#pilot div.pixnet-happix-pilot__launcher-bubble { display:none }
body { background-image: url(url("https://pic.pimg.tw/pixnetvisual/3e76a522cdcc1b4f63cbf0f4a7df2b58.jpg"));; }
body { background-position: top; }
#header { background-image: none; }

#category .inner-box ul {display: block !important;} /*所有資料夾打開*/
#category .box-title{display: none;} /*刪除文章分類的標題*/
#category .box-more{display: none;} /*刪除控制所有資料夾開闔的按鈕*/
#category h6 img{display: none;} /*刪除各個資料夾前方的圖示*/
#category .box-text{display: inline-block !important; position: static !important;} /*使文章分類的內容顯示*/
#category ul{margin:0}
#category .inner-box ul{ /*一般情況不顯示*/
display: none !important;
}
#category .inner-box:hover ul{ /*當滑鼠移至資料夾時，分類子項目顯示*/
display: block !important;

}
#category .inner-box{
display: inline-block;
padding-right: 10px;

}
#category .box-text>ul{
display: inline-block;

}
#category .box-text>ul>li{
display: inline-block;
padding-right: 10px;

}

#category h6{
margin: 0px;
padding: 0px;
background: none;
border: 0px;

}
#category ul{
background-color:#97CBFF;
font-size:15px;

}
#category .box{
margin: 0px;
padding: 0px;
background: none;
border: 0px;

}
#category{
position: absolute;
top:83px;
background:    #33a6b8;
width:100%;
left:0px;
height:40px;

}
#category .box-text{
margin: 0px;
padding: 0px;
background: transparent;
border: 0px;
box-shadow: none;
font-size: 18px;

}
#category .box-text a{
color: #FFFFFF; 

}

#blog-main .article-content img{
    display: block;
         width: 50%;
    height: auto;
    position: absolute;
    top: 50px;
    left: 10px;
    clip: rect(0px,350px,270px,0px);
}
.box-title img{display: none;}
.tag__header{display: none;}
.tag-container-parent{display: none;}
.author-profile{display: none;}
.refer a{color:    #666;}
#content{background-color: #FFFFFF;}
body { background-color: #FFFFFF; }
body { background-image: url(url("https://pic.pimg.tw/pixnetvisual/3e76a522cdcc1b4f63cbf0f4a7df2b58.jpg"));; }
/*背景*/
#box18056{
position: absolute;
top:2100px;
width:100%;
left:0px;
height:300px;
z-index:1;
}
#box18056 .box-title{font-size:0px;
height:300px;
}
#box18056 .box-text{font-size:0px;
height:0px;
z-index:-1;
}
/*內容1*/
#box18059{
position: absolute;