SKYDIVE B.A.P

body,div,dl,dt,dd,ul,ol,li,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; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
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 ; }
/*input{ overflow: visible; }*/
.article-content{ _height: 1% ; overflow: hidden ; _overflow: none; }
.article-content p{margin-bottom:1em;}
/*reset-over*/

html {}
body {
    font-size: 0.8em;
    font-family: verdana, "LiHei Pro", PMingLiU, sans-serif;
    color: #ccc;
    background: #000;
    margin: 0px ;
}
a { color: #ce4654; text-decoration: none; }
a:hover { color: #fff; }
input {
    vertical-align: middle;
    font-family: verdana, "LiHei Pro", PMingLiU, sans-serif;
    font-size: 0.9em;
    color: #fff;
    border: 1px solid #222;
    background: #000;
    padding: 2px 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#body-div {}

#authority {
    width: 100%;
    font-size: 11px;
    line-height: 120%;
    text-align: center;
    background: #222;
    border-bottom: 1px solid #333;
    padding: 8px 0;
}
    #authority a {
        color: #ccc;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #000;
        padding: 2px 7px;
    }
    #authority a:hover {}

#container {
    width: 100%;
    padding: 0px 0px 0px;
}
#container2 {
    position: relative;
    width: 900px;
    background: url(https://pic.pimg.tw/pixnetvisual/4b9a51f36e060.jpg) repeat-y right;
    margin: 0px auto;
}

#container3 {}

#header {
    height: 300px;
    background: #000 url() no-repeat bottom;
    padding: 25px 0 0;
}
    #login-bar {
        position: absolute;
        top: 0px;
        left: 0px;
        width: auto;
        font-size: 11px;
        line-height: 25px;
        color: #aaa;
    }
        #login-bar a { color: #aaa; }
        #login-bar a:hover { color: #fff; }
    #banner {
    }
        #banner h1 {
            position: absolute;
            top: 25px;
            left: 0;
            width: 900px;
            height: 475px;
            overflow: hidden;
            margin: 0 0 0px;
        }
        #banner h1 a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 0;
            text-indent: -5000px;
        }
        #banner h1 a:hover {}
        #banner h2 { display: none; }
        #blog-category {
            position: absolute;
            top: 510px;
            right: 20px;
            width: auto;
            font-size: 11px;
            line-height: 40px;
            color: #000;
        }
        #blog-category a { color: #000; }
        #blog-category a:hover { color: #fff; }

    #navigation {
        position: absolute;
        top: 510px;
        left: 0;
        width: auto;
        height: 40px;
        padding: 0 0 0 145px;
    }
        #navigation li { float: left; }
            #navigation li a {
                display: block;
                width: 145px;
                height: 40px;
                font-size: 0;
                text-indent: -5000px;
            }
        #navigation li#link-blog {
            position: absolute;
            top: 0;
            left: 0;
        }
            #navigation li#link-guestbook a { width: 165px; }

    .skiplink { display: none; }

#main {
    _height: 1%;
    overflow: hidden;
    _overflow: none;
    line-height: 150%;
    padding: 0;
}

#content {
    width: 640px;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}

    #spotlight {
        border-bottom: 1px solid #444;
        padding: 10px;
        margin: 0 0 20px;
        -webkit-border-radius: 4px;
    }
        #spotlight h5 {
            color: #fff;
            font-family: "微軟正黑體";
            font-size: 18px;
            margin: 0px 0px 0px;
        }
        #spotlight-text {
            padding: 10px 0 0;
        }

#article-area {}
    .article-area-title {
        color: #999;
        font-size: 11px;
        padding: 0 10px;
    }
    #display {
        color: #999;
        font-size: 11px;
        padding: 0 10px;
        margin: 0 0 20px;
    }
        #display a {
            color: #fff;
            -khtml-border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            background: #940311;
            padding: 2px 7px;
        }

    .article {
        _height: 1%;
        padding: 0;
        margin: 10px auto 30px;
    }
        .article a { color: #f7aabe; text-decoration: underline; }
        .article a:hover { color: #fff; text-decoration: none; }
    .article-head {
        background: url() no-repeat;
        padding: 0 20px 0 60px;
    }
        .publish {
            height: 25px;
            overflow: hidden;
            text-align: left;
            font-size: 10px;
            color: #666;
            padding: 25px 0 20px;
            margin: 0;
        }
            .time { display: none; }
            .month { font-size: 12px; color: #fff; }
            .date { font-size: 22px; color: #ed2331; }
            .day { color: #b3504c; }
        .title {
            font-family: "微軟正黑體";
            font-size: 18px;
            line-height: 160%;
            padding: 0;
            margin: 0;
        }
        .title a { color: #fff; text-decoration: none; }
        .title a:hover {}
        .title img { display: none; }
    .article-body {
        _height: 1%;
        min-height: 1%;
        line-height: 180%;
        margin: 20px 10px 0;
    }
    .article-content {
        margin: 10px 0px;
    }
    .bookmark {
        text-align: right;
        margin: 10px auto;
    }
    .fans-club {}
    .author {
        color: #999;
        font-size: 11px;
        text-align: left;
        line-height: 18px;
        border-left: 2px solid #333;
        padding: 0 0 0 10px;
        margin: 20px 0 0 5px;
    }
        .author a { color: #ce4654; }
        .author a:hover { color: #fff; }
    .forward {
        clear: both;
        font-size: 11px;
        color: #999;
        text-align: left;
        line-height: 18px;
        border-left: 2px solid #333;
        padding: 0 0 0 10px;
        margin: 0 0 0 5px;
    }
        .forward a { color: #ce4654; }
        .forward a:hover { color: #fff; }
    #article-adsense { margin: 10px auto; }
    .article-footer {
        _height: 1%;
        overflow: hidden;
        _overflow: none;
        clear: both;
        font-size: 11px;
        color: #999;
        line-height: 18px;
        padding: 0 5px 20px;
        margin: 0 10px;
    }
        .article-footer a { color: #ce4654; }
        .article-footer a:hover { color: #fff; }
        .article-footer li {
            border-left: 2px solid #333;
            padding: 0 0 0 10px;
        }
    .refer {
        width: 49%;
        float: left;
        text-align: left;
    }
        .refer li {}
        .refer img { display: none; }
    .history {
        width: 49%;
        float: right;
    }
    .back-to-top {
        width: 49%;
        float: right;
        text-align: right;
    }

.main-list { padding: 0 0 0 10px; }
.main-list table {
    width: 100%;
    margin: 10px auto;
}
    .main-list table a { color: #fff; text-decoration: underline; }
    .main-list table a:hover { text-decoration: none; }
    .main-list table th {
        color: #ce4654;
        border-bottom: 1px solid #444;
        padding: 0 10px 10px;
    }
    .main-list table td {
        vertical-align: top;
        line-height: 150%;
        padding: 10px 10px 0;
    }
    .main-list table td img {
        float: right;
        margin: 0px 0px 0px 2px;
    }
    .main-list table td.list-date {
        width: 22%;
        text-align: left;
        font-size: 11px;
        color: #999;
    }

.list-num,
.list-visit,
.list-comment { display: none; }

#user-post {
    padding: 0px 0px;
}
.user-post-title {
    color: #fff;
    font-family: "微軟正黑體";
    font-size: 16px;
    line-height: 180%;
    margin: 10px 10px;
}
.user-post-text {
    padding: 0 0 0 10px;
}

#trackback-url {
    text-align: left;
    margin: 0 25px;
}
    #trackback-url input {
        width: 70px;
        margin: 0px 2px 0px 0px;
    }
    input#trackback-input {
        width: 200px;
    }

.user-post-box {
    position: relative;
    padding: 10px 0 0;
}
    .post-comment {
        margin: 10px auto;
    }
        .post-comment a {
            position: absolute;
            top: 0;
            right: 10px;
            display: block;
            width: 105px;
            height: 35px;
            font-size: 0;
            text-indent: -5000px;
            background: url(https://pic.pimg.tw/pixnetvisual/4b9a51f6817b9.jpg);
            margin: 0 0 0 5px;
        }
        .post-comment a:hover {}

    .single-post {
        position: relative;
        _height: 91px;
        min-height: 91px;
        word-break: break-all;
        font-size: 12px;
        border-bottom: 1px solid #444;
        padding: 0 0 20px;
        margin: 30px auto;
    }
        .post-info {
            color: #999;
            text-align: left;
            line-height: 20px;
            background: none;
            padding: 0px 0px 5px 75px;
        }
            .post-info a {}
            .post-info .floor {
                position: absolute;
                top: 0;
                left: 0;
                width: auto;
                color: #ed2331;
                font-size: 16px;
            }
        .post-photo {
            position: absolute;
            top: 25px;
            left: 0px;
            width: auto;
            height: 62px;
        }
            .post-photo img { width: 60px; height: 60px; border: 1px solid #fff; }
        .post-text {
            border-left: 1px dotted #444;
            padding: 0 10px;
            margin: 0 0 0 75px;
        }
            .post-text br { letter-spacing: 1px; }
            .post-text p ,
            .post-text p a { color: #fff; }
            .post-text p img { display: none; }
        .reply-text {
            color: #f7aabe;
            border-left: 1px dotted #444;
            padding: 10px 10px 0 10px;
            margin: 0 0 0 75px;
        }
            .reply-text a { color: #fff; }
            .reply-text p { display: none; }

    .secret {
        _height: 20px;
        min-height: 20px;
    }
    #trackback-text .post-info ,
    #trackback-text .post-text { margin: 0; padding-left: 10px; }

#comment-form { background: #151515; font-size: 12px; padding: 5px; margin: 10px 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comment-form p { color: #999; text-align: right; margin: 0px 10px 0px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #ddd; vertical-align: top; border: none; padding: 1px 5px 2px; }
#comment-form table th { color: #999; vertical-align: top; width: 80px; border: none; padding: 2px 5px; }
#comment-form table th font { display: none; }
#comment-form input.radio { width: 15px; border: none; }
#comment-form input { color: #fff; border: none; background: #000; width: 98%; height: 18px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form input#blogcommenttext_name { width: 92.5%; background: none; border-bottom: 1px solid #000; }
#comment-form input#send-comment { color: #f7aabe; border: 1px solid #000; background: #000; width: 43px; height: 21px; font-size: 12px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comment-form textarea { color: #fff; border: 1px solid #000; background: #000; width: 98%; height: 180px; font-family: "verdana"; font-size: 12px; line-height: 18px; padding: 0.5%; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.page {
    clear: both;
    height: 20px;
    line-height: 20px; 
    text-align: center;
    padding: 0px;
    margin: 15px auto 0px;
}
    .page a {
        background: none;
        padding: 2px 7px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .page a:hover {
        color: #fff;
        background: #940311;
    }
    .page span {
        color: #fff;
        background: #940311;
        padding: 1px 6px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

#links {
    width: 240px;
    float: right;
    _height: 1%;
    overflow: hidden;
    _oveflow: none;
    padding: 0;
    margin: 0;
}

    .box {
        width: 240px;
        overflow: hidden;
        padding: 15px 0 0;
        margin: 0px auto 15px;
    }
    .box-title {
        font-size: 13px;
        line-height: 17px;
        text-align: left;
        color: #fff;
        background: url(https://pic.pimg.tw/pixnetvisual/4b9a51f3e6fef.jpg) no-repeat left top;
        padding: 0 10px 10px 25px;
    }
    .box-text {
        font-size: 12px;
        color: #999;
        line-height: 150%;
        padding: 0 10px 10px 25px;
        margin: 0px auto;
    }
        .box-text a { color: #f7aabe; text-decoration: none; }
        .box-text a:hover { color: #fff; text-decoration: none; }
        .box-text li  {
            padding: 2px 0px 2px 0px;
        }
    .box-more {
        text-align: center;
        margin: 10px auto 0px;
    }
        .box-more a {
            color: #999;
            border: none;
            background: #000;
            padding: 3px 7px;
            -khtml-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }
        .box-more a:hover { color: #fff; background: none; }

#subscription .box-text a ,
#latest-trackback .box-text a ,
#latest-comment .box-text a { display: block; }

#headshot .box-text li ,
#powered .box-text li { background: none; }

#broadcast {}
body #followed-murmurs .murmurs-content { text-align: left !important; }

#crumb,
#visitor {}
    #crumb .box-text ,
    #visitor .box-text { }
    #crumb .box-text ul ,
    #visitor .box-text ul {
        _height: 1%;
        overflow: hidden;
        _overflow: none;
        padding-left: 0px;
    }
    #crumb .box-text ul li ,
    #visitor .box-text ul li {
        float: left;
        display: inline;
        width: 45px;
        height: 45px;
        overflow: hidden;
        border: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 5px 5px 0px;
    }
    #crumb .box-text ul li a img ,
    #visitor .box-text ul li a img {
        width: 43px;
        height: 43px;
        border: 1px solid #fff;
    }
    #crumb .box-text ul li a ,
    #visitor .box-text ul li a {
        display: block;
        width: 35px;
        height: 35px;
        border: none;
        padding: 0px;
    }

#headshot {}
    #headshot .box-text ul {
        _height: 1%;
        overflow: hidden;
        _overflow: none;
    }
    #headshot-img {
        float: left;
        margin-right: 8px;
    }
        #headshot-img img { border: 1px solid #fff; }

#calendar .box-text { line-height: 180%; }
    #calendar .box-text table { width: 100%; font-size: 12px; margin: 0 auto; }
    #calendar .box-text th {
        text-align: center;
        border-bottom: 1px solid #940311;
    }
    #calendar .box-text td {
        font-size: 11px;
        text-align: center;
        background: none;
        padding: 5px 2px 0px 2px;
    }
    tr.weekday { display: none; }
    #calendar .box-text td a {
        display: block;
        color: #fff;
        background: #940311;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    #calendar .box-text td a:hover{
    }
    

#search {}
    #search li {
        display: inline;
        border: none;
        background: none;
    }
    #search input#search-target {
        width: 140px;
    }
    #search input#search-submit {
        width: 45px;
        font-size: 12px;
        padding: 0px 0px 2px;
        *padding: 2px 0px 0px;
    }

#footer {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: center;
    padding: 20px 10px;
    margin: 0 250px 0 0;
}
    #footer p {}
    #footer a { color: #ccc; }
    #bottom {
    }

/* 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 }