html[data-v-56ac616b],
body[data-v-56ac616b] {
    height: 100%;
    margin: 0;
    border: 0;
    font-size: 1rem;
    font-family: "Apple LiGothic Medium", "LiHei Pro Medium", "微軟正黑體", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
.nav[data-v-56ac616b] {
    max-height: 60px;
    border-bottom: #EBEBEB 1px solid;
    background-color: #F4F4F4;
}
.nav .logo[data-v-56ac616b] {
    height: 65px;
}
.nav .title[data-v-56ac616b] {
    display: inline-flex;
    position: relative;
    top: -20px;
    color: #495057;
    font-size: 1.3rem;
    letter-spacing: 0.02em;
}
.nav .title.tl-center[data-v-56ac616b] {
    display: flex;
    justify-content: center;
    top: 0;
}
.main[data-v-56ac616b] {
    min-height: calc(100% - 128px);
}
.footer[data-v-56ac616b] {
    padding: 15px 5px;
    background-color: #F4F4F4;
    color: #707070;
    font-size: 0.9rem;
    text-align: center;
}
.footer .link[data-v-56ac616b] {
    padding-top: 8px;
}
.footer a[data-v-56ac616b] {
    display: inline-block;
    padding-left: 10px;
    color: #707070;
    text-decoration: none;
}
.footer a[data-v-56ac616b]:hover {
    color: #707070;
}
.footer .more[data-v-56ac616b] {
    display: none;
}
.post-card[data-v-56ac616b] {
    position: relative;
    margin: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(10, 28, 45, 0.1);
    transition: 0.3s;
}
.post-card[data-v-56ac616b]:hover {
    box-shadow: 0 6px 40px rgba(10, 28, 45, 0.15);
}
.post-card figure[data-v-56ac616b],
.cont-main figure[data-v-56ac616b] {
    margin: 0;
}
.cont-main .post-cont[data-v-56ac616b] {
    padding: 15px;
}
.post-bn[data-v-56ac616b] {
    width: 100%;
    border-radius: 8px 8px 0 0;
}
.cont-main .post-bn[data-v-56ac616b] {
    border-radius: 0;
}
.info-wrap[data-v-56ac616b] {
    min-height: 10.8em;
    margin: 0;
    padding: 10px;
}
.post-title[data-v-56ac616b] {
    margin: 0;
    color: #495057;
    font-size: 1.2rem;
}
.post-title .category[data-v-56ac616b] {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 8px;
    border-radius: 5px 5px 0 0;
    background-color: #4ABDAC;
    color: #fff;
    font-size: 1rem;
}
.info-wrap .title[data-v-56ac616b] {
    overflow: hidden;
    height: 80px;
    margin-top: 5px;
}
.cont-main .title[data-v-56ac616b] {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.2rem;
    line-height: 1.35;
}
.post-card .post-footer[data-v-56ac616b] {
    position: absolute;
    bottom: calc(1.25em - 0.5em);
}
.cont-txt[data-v-56ac616b] {
    margin-top: 30px;
}
.post-footer .time[data-v-56ac616b] {
    color: #aaaaaa;
    font-family: Calibri, serif;
}
.post-footer .time[data-v-56ac616b]:after {
    position: relative;
    top: -1px;
    margin-right: 5px;
    margin-left: 8px;
    color: #B8B8B8;
    font-weight: 100;
    content: "|";
}
.post-footer .keyword a[data-v-56ac616b] {
    display: inline-block;
    padding-right: 10px;
    color: #aaaaaa;
    font-size: 0.9rem;
    text-decoration: none;
}
.page[data-v-56ac616b] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px auto;
    color: #4ABDAC;
}
.page a .svg-icon[data-v-56ac616b] {
    fill: currentColor;
    transition: fill 120ms ease-in-out;
}
.page a[data-v-56ac616b],
.page .current[data-v-56ac616b] {
    display: block;
    padding: 0 15px;
    color: #4ABDAC;
    font-weight: bold;
    text-decoration: none;
}
.page .current[data-v-56ac616b] {
    color: #707070;
}
.page a[data-v-56ac616b]:hover {
    color: #707070;
}
.pg-cont .txt[data-v-56ac616b] {
    display: inline-block;
    position: relative;
    top: -6px;
}
.disabled[data-v-56ac616b] {
    opacity: 0.3;
    filter: grayscale(50%);
}
.ReturnClick[data-v-56ac616b] {
    pointer-events: none;
}
.act-btn[data-v-56ac616b] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 15px auto;
    padding: 20px;
    border: 0;
    border-radius: 10px;
    background-color: #E96D00;
    box-sizing: border-box;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2rem;
    text-decoration: none;
}
.bind-form .act-btn[data-v-56ac616b] {
    margin: 15px auto;
}
.bind-form .keyin[data-v-56ac616b] {
    width: 100%;
    margin: 8px auto;
    padding: 20px;
    border: 2px solid #9A9DA0;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    font-size: 1.2rem;
    text-align: left;
}
.keyin.half[data-v-56ac616b] {
    width: 35%;
}
.bind-form .keyin[data-v-56ac616b]::-moz-placeholder {
    color: #CBCBCB
}
.bind-form .keyin[data-v-56ac616b]:-ms-input-placeholder {
    color: #CBCBCB
}
.bind-form .keyin[data-v-56ac616b]::placeholder {
    color: #CBCBCB
}
.key-ps[data-v-56ac616b] {
    padding: 0 0 10px 22px;
    font-size: 1rem;
}
.bind-form .warn[data-v-56ac616b] {
    display: flex;
    padding: 0 0 10px 48px;
    color: #DD4B39;
    font-weight: bold;
}
.bind-form .warn[data-v-56ac616b]::before {
    position: absolute;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    background-image: url(../img/ico-tip.d19a8479.svg);
    background-repeat: no-repeat;
    background-position: center -3px;
    content: "";
}
.address[data-v-56ac616b] {
    margin-top: 10px;
}
.address .sel-address[data-v-56ac616b]:first-child {
    margin-right: 5px;
}
.sel-address[data-v-56ac616b] {
    padding: 20px 45px 20px 20px;
    border: 2px solid #9A9DA0;
    border-radius: 10px;
    background-color: #FFFFFF;
    background-image: url(../img/ico-select.df2b57b4.svg);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    color: #495057;
    font-size: 1.2rem;
}
.sel-address.arrow[data-v-56ac616b] {
    background-size: 12%;
    background-repeat: no-repeat;
    background-position: 95% center;
}
@media only screen and (min-width: 768px) {
.nav .hidden-xs[data-v-56ac616b] {
        display: block;
}
.post-card[data-v-56ac616b] {
        display: inline-block;
        width: 48%;
        margin: 10px 5px;
}
.bind-form[data-v-56ac616b] {
        width: 500px;
        margin: 0 auto;
}
}
@media only screen and (min-width: 1025px) {
.header[data-v-56ac616b],
    .main[data-v-56ac616b],
    .footer .info[data-v-56ac616b] {
        width: 1024px;
        margin: 0 auto;
}
.main[data-v-56ac616b] {
        margin: 20px auto;
}
.content-area[data-v-56ac616b] {
        margin: 0 auto;
        padding: 0;
}
.post-footer[data-v-56ac616b] {
        right: 10px;
}
.footer .info[data-v-56ac616b] {
        display: inline-flex;
}
.footer .copyright[data-v-56ac616b] {
        width: 70%;
        text-align: left;
}
.footer .link[data-v-56ac616b] {
        width: 30%;
        text-align: right;
}
.footer .more[data-v-56ac616b] {
        display: inline-block;
}
.footer .link[data-v-56ac616b] {
        padding-top: 0;
}
}

/* ======================================================================
   [FIX] 後台管理介面 - Kendo UI 邊框隱藏 + Scrollbar 修正
   ====================================================================== */

/* 1. 隱藏 Kendo Grid 外層容器的突兀邊框（k-webkit / k-widget） */
.k-widget.k-grid[data-v-56ac616b] {
    border: none;
    box-shadow: none;
}

/* 2. 改用 viewport 單位避免 body 百分比高度導致的 Scrollbar 問題 */
html[data-v-56ac616b] {
    height: 100%;
    overflow-x: hidden;
}
body[data-v-56ac616b] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* 讓 #app 根容器也用 flex 撐滿 */
#app[data-v-56ac616b] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* .main 改為 flex: 1 自動填滿剩餘空間，不再依賴 calc(100% - 128px) */
.main[data-v-56ac616b] {
    flex: 1;
    min-height: 0;
}

/* footer 固定在底部（flex 佈局自動推到底） */
.footer[data-v-56ac616b] {
    flex-shrink: 0;
}