@charset "utf-8";
/* 行動版 UI/UX 調整：集中覆寫各頁樣式，選擇器以 body 開頭提高優先權 */

/*=== 表單欄位：字級 16px，避免 iOS 聚焦時自動放大 ===*/
body input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=hidden]):not([type=file]),
body select,
body textarea{
    font-size:16px !important
}

/*=== 頁首：漢堡鈕與返回箭頭點擊區 44x44 ===*/
body .menu-trigger{
    width:44px;
    height:44px;
    margin-top:16px;
    margin-left:12px
}
body .menu-trigger:before{
    width:44px;
    height:44px;
    line-height:44px
}
body .header .nav{
    top:16px;
    right:4px
}
body .header .nav .goback{
    display:inline-block;
    width:44px;
    height:44px;
    line-height:44px;
    text-align:center
}
body #svgdiy_blue.goback:before{
    margin-right:0;
    line-height:44px
}

/*=== 標題列與按鈕 ===*/
body .tbar .inner-tbar .title{
    padding:4px 0
}
body .tbar .inner-tbar .title:after{
    content:"";
    display:table;
    clear:both
}
body .tbar .inner-tbar .title .btn{
    margin-top:0 !important;
    padding:11px 12px;
    line-height:1.4
}
body .tbar .inner-tbar .title a:not(.btn){
    padding:4px 0 4px 12px;
    margin:-4px 0
}
body .btn-success,
body .label-success{
    background-color:#2e7d32;
    border-color:#27692b
}
body .btn-success:hover,
body .btn-success:focus,
body .btn-success:active{
    background-color:#256628;
    border-color:#1e5321
}
body .like-group .label{
    border-color:#27692b
}
body .input-group .form-control,
body .input-group-btn .btn{
    height:44px !important
}

/*=== 列表篩選列 ===*/
body .screening{
    height:44px
}
body .screening li{
    line-height:44px
}
body .screening[style]{
    height:auto !important
}

/*=== 小連結加大點擊區 ===*/
body .tap-sm{
    display:inline-block;
    padding:12px 8px;
    margin:-12px -4px
}
body .search-region dl dt a.type_dl{
    display:block;
    padding:9px 0
}

/*=== 頁尾與返回頂部 ===*/
body .footer .nav li{
    margin:0 6px
}
body .footer .nav li a{
    display:inline-block;
    padding:11px 8px
}
body .footer .copyright{
    color:#666
}
body .gotop{
    margin-top:6px;
    margin-bottom:0;
    padding-right:16px
}
body .gotop a:last-child{
    display:inline-block;
    padding:12px 0 12px 20px
}

/*=== 列表：字級、對比與縮圖 ===*/
body .list ul li .photo p{
    font-size:12px;
    color:#b35900
}
body .list ul li .photo img{
    object-fit:cover
}
body .list ul li[data-house-id] .item{
    font-size:13px;
    line-height:19px
}
body .list ul li[data-house-id] .item .n1 span:first-child{
    color:#c84b00
}
body .list ul li .item .n3{
    color:#666
}
body .search-region dl dd ul li b span{
    color:#c84b00
}
body .search-region > dl:first-child{
    margin-top:15px
}

/*=== 首頁與版塊列表：文字對比與圖示 ===*/
body .home-nav dl dd ul li a{
    color:#666
}
body .home-download dl dd ul li a{
    color:#555
}
body .home-nav dl dd ul li.foot,
body .home-nav dl dd ul li.dogs,
body .home-nav dl dd ul li.ding,
body .home-nav dl dd ul li.discuss,
body .home-nav dl dd ul li.dogs2,
body .home-nav dl dd ul li.cats,
body .home-nav dl dd ul li.petaurus,
body .home-nav dl dd ul li.housing,
body .home-nav dl dd ul li.turtle,
body .home-nav dl dd ul li.bird,
body .home-nav dl dd ul li.fish,
body .home-nav dl dd ul li.atelerix,
body .home-download dl dd ul li.indexvip,
body .home-download dl dd ul li.m-login,
body .home-download dl dd ul li.addvip,
body .home-download dl dd ul li.m-mail,
body .home-download dl dd ul li.m-logout{
    background-repeat:no-repeat;
    background-position:15px 50%;
    background-size:40px 40px
}
body .home-nav dl dd ul li.foot{background-image:url(../images/icons/paw-print.svg)}
body .home-nav dl dd ul li.dogs{background-image:url(../images/icons/heart-handshake.svg)}
body .home-nav dl dd ul li.ding{background-image:url(../images/icons/users.svg)}
body .home-nav dl dd ul li.discuss{background-image:url(../images/icons/messages-square.svg)}
body .home-nav dl dd ul li.dogs2{background-image:url(../images/icons/dog.svg)}
body .home-nav dl dd ul li.cats{background-image:url(../images/icons/cat.svg)}
body .home-nav dl dd ul li.petaurus,
body .home-nav dl dd ul li.housing{background-image:url(../images/icons/squirrel.svg)}
body .home-nav dl dd ul li.turtle{background-image:url(../images/icons/turtle.svg)}
body .home-nav dl dd ul li.bird{background-image:url(../images/icons/bird.svg)}
body .home-nav dl dd ul li.fish{background-image:url(../images/icons/fish.svg)}
body .home-nav dl dd ul li.atelerix{background-image:url(../images/icons/paw-print.svg)}
body .home-download dl dd ul li.indexvip{background-image:url(../images/icons/user.svg)}
body .home-download dl dd ul li.m-login{background-image:url(../images/icons/log-in.svg)}
body .home-download dl dd ul li.addvip{background-image:url(../images/icons/user-plus.svg)}
body .home-download dl dd ul li.m-mail{background-image:url(../images/icons/mail.svg)}
body .home-download dl dd ul li.m-logout{background-image:url(../images/icons/log-out.svg)}

/*=== 內頁：次要按鈕、發送訊息主按鈕、延遲載入佔位圖 ===*/
body #photoswipe-img-list .btn{
    padding:10px 12px
}
body .info .tel-box-main{
    margin:10px;
    padding:8px 14px;
    border-radius:8px;
    background-color:#0b6ec0
}
body .info .tel-box-main a,
body .info .tel-box-main div p{
    color:#fff
}
body .info .tel-box-main .mail-img img{
    width:44px;
    height:44px;
    margin-top:8px
}
body #pet_memo img[data-src]{
    display:block;
    width:95px !important;
    max-width:95px !important;
    height:75px;
    margin:8px auto;
    opacity:.5
}

/*=== 文章頁：作者列、分享列、未填入的廣告版位 ===*/
body .author{
    height:auto;
    min-height:70px;
    overflow:hidden
}
body .author .btn{
    padding:10px 12px
}
body .author .btn-xs{
    padding:7px 9px
}
body .shareList{
    padding:10px 16px 0
}
body ins.adsbygoogle[data-ad-status="unfilled"]{
    display:none !important
}

/*=== 登入頁：移除表單上方空白 ===*/
body .login{
    padding-top:20px
}
body .login form{
    margin-top:0 !important
}

/*=== 側選單：頂端空白與圖示語意 ===*/
body #sbmenu{
    margin-top:0
}
body #sbmenu > ul li.adopt:before{
    content:'\e804'
}
body #sbmenu > ul li.info:before{
    content:'\e801'
}

/*=== 第二階段：全站內頁與首頁風格對齊 ===*/

/*=== 按鈕與標籤：色彩統一並提高對比 ===*/
body .btn-primary{
    background-color:#0b6ec0;
    border-color:#0a62ab
}
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active{
    background-color:#095a9d;
    border-color:#084f8a
}
body .btn-warning,
body .btn-warning:hover,
body .btn-warning:focus{
    background-color:#f2a900;
    border-color:#cc8f00;
    color:#2c2810 !important
}
body .btn-warning *{
    color:#2c2810 !important
}
body .btn-danger,
body .label-danger{
    background-color:#c9302c;
    border-color:#ac2925
}
body .label-default{
    background-color:#6b6b6b
}
body .label{
    font-size:12px
}
body .btn-xs:not(.btn-main){
    font-size:12px
}
body input.btn,
body button.btn{
    min-height:40px
}
body .reg_btn{
    border-color:#0a62ab;
    border-radius:8px;
    background:#0b6ec0;
    text-shadow:none
}
body .reg_btn:active{
    background:#095a9d
}
body .reg_btn.btn_disable{
    border-color:#bbb;
    background:#d8d8d8;
    color:#767676
}
body .reg_btn[style*="03C420"]{
    border-color:#27692b;
    background:#2e7d32 !important
}
body .fb_btn{
    border-radius:8px;
    text-shadow:none
}
body .log_reg{
    border-radius:8px;
    background:#fff;
    color:#444;
    text-shadow:none
}
body .mreply-submit{
    background:#0b6ec0;
    color:#fff
}

/*=== 分頁按鈕 ===*/
body .pagination > li > a,
body .pagination > li > span{
    min-width:44px;
    padding:11px 12px;
    font-size:14px;
    text-align:center
}

/*=== 表單欄位 ===*/
body .topic_post input[type=text],
body .topic_post input:not([type]),
body select{
    height:44px
}
body ::placeholder{
    color:#6b6b6b
}

/*=== 分類標題：加深並修正多行貼邊 ===*/
body .search-region dl{
    text-indent:0
}
body .search-region dl dt{
    padding:0 10px;
    color:#a85400
}
body .search-region dl dt a.type_dl[style*="BE6100"]{
    color:#a85400 !important
}
body .search-region dl dd ul li{
    padding-left:20px
}
body .home-member dl dt{
    background-color:#0d7cd7
}

/*=== 會員資料頁按鈕、返回箭頭、訊息頁連結 ===*/
body .info .tel-box .btn{
    margin:3px 2px;
    padding:9px 12px
}
body .tbar .inner-tbar .title a.goback{
    min-width:44px;
    text-align:center
}
body font[color="#FF6600"],
body font[color="#ff6600"]{
    color:#c84b00
}

/*=== 第二階段補充：殘餘小字、對比與表單按鈕 ===*/
body .btn-sm:not(.btn-main){
    font-size:12px
}
body .page-select-box a span b{
    color:#c84b00
}
body .pagination > .disabled > a,
body .pagination > .disabled > span{
    color:#6b6b6b
}
body .txt_gray{
    color:#a85400
}
body .txt_gray2{
    color:#666
}
body .topic_post input[type=button]{
    height:44px
}
body .reg_btn{
    padding:12px 5px
}

/*=== 第三階段：全站新 UI ===*/
/* 色彩：品牌藍 #0d7cd7、主要按鈕 #0b6ec0、強調 #f2a900、文字 #1f2933、次要文字 #5b6673、
   分隔線 #dfe5ec、欄位邊框 #cfd8e3、淺底 #f5f8fc、危險 #c9302c、成功 #2e7d32
   圓角：卡片 14px、按鈕與欄位 8px、小標籤 6px */

/*=== 基礎：字體、文字色、焦點框、點擊延遲、減少動態 ===*/
html body{
    font-family:-apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    font-size:15px;
    line-height:1.6;
    color:#1f2933
}
body a,
body button,
body input,
body select,
body label,
body li.data{
    touch-action:manipulation
}
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible{
    outline:2px solid #0d7cd7;
    outline-offset:2px
}
@media (prefers-reduced-motion:reduce){
    body *{
        transition:none !important;
        animation:none !important
    }
}

/*=== 去除舊式漸層與陰影：篩選列、標題列、分頁列 ===*/
body .tbar .inner-tbar{
    background-image:none
}
body .screening{
    margin-bottom:0;
    border-top:0;
    border-bottom:1px solid #dfe5ec;
    background:#f5f8fc;
    box-shadow:none
}
body .screening li a{
    border-left-color:#dfe5ec;
    color:#1f2933
}
body .page-box-inner li{
    border-color:#dfe5ec;
    border-radius:8px;
    box-shadow:none;
    overflow:hidden
}
body .page-box-inner li a{
    color:#1f2933;
    font-family:inherit;
    text-shadow:none
}

/*=== 按鈕與標籤：圓角統一 ===*/
body .btn{
    border-radius:8px
}
body .btn-xs,
body .btn-sm,
body .label{
    border-radius:6px
}
body .btn-default{
    border-color:#cfd8e3;
    color:#1f2933
}
body .like-group .btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
body .like-group .label{
    border-radius:0 6px 6px 0
}
body .input-group .form-control{
    border-radius:8px 0 0 8px
}
body .input-group-btn:last-child > .btn{
    border-radius:0 8px 8px 0
}
body form input[type=submit].btn-primary{
    display:block;
    width:100%;
    min-height:46px;
    font-size:16px;
    font-weight:700
}
body input[type=button]:not(.btn):not(.reg_btn){
    min-height:40px;
    padding:0 12px;
    border:1px solid #cfd8e3;
    border-radius:8px;
    background:#fff;
    color:#1f2933
}
body #form_submit.reg_btn[value="刪除"]{
    border-color:#ac2925;
    background:#c9302c
}

/*=== 表單欄位：邊框、圓角、焦點 ===*/
body input[type=text],
body input[type=password],
body input[type=email],
body input[type=tel],
body input[type=number],
body input:not([type]),
body textarea,
body select{
    border:1px solid #cfd8e3;
    border-radius:8px;
    background:#fff;
    box-shadow:none;
    color:#1f2933
}
body input[type=text]:focus,
body input[type=password]:focus,
body input[type=email]:focus,
body input[type=tel]:focus,
body input[type=number]:focus,
body input:not([type]):focus,
body textarea:focus,
body select:focus{
    border-color:#0d7cd7;
    outline:0;
    box-shadow:0 0 0 3px rgba(13, 124, 215, .18)
}
body input[readonly]{
    background:#f5f8fc;
    color:#5b6673
}
body .login{
    background:#f5f8fc
}

/*=== 卡片：統一為白底細框、淺底標題 ===*/
body .panel{
    border:1px solid #dfe5ec;
    border-radius:14px;
    box-shadow:none
}
body .panel > .panel-heading{
    border-bottom:1px solid #dfe5ec;
    border-radius:13px 13px 0 0;
    background:#f5f8fc;
    color:#1f2933;
    font-weight:700
}
body .panel > .panel-heading .fa,
body .panel > .panel-heading .glyphicon{
    color:#0d7cd7
}
body .info .tel-box:not(.tel-box-main){
    border-radius:8px;
    background:#f5f8fc
}

/*=== 表格與管理列表 ===*/
body td.td_title{
    border-bottom:1px solid #dfe5ec;
    background:#f5f8fc;
    color:#1f2933;
    font-weight:700
}
body .table > tbody > tr.success > td,
body .table > tbody > tr.info > td,
body .table > tbody > tr > td.success,
body .table > tbody > tr > td.info{
    background:#f5f8fc
}

/*=== 分類小標：淺底深色字 ===*/
body .search-region > dl:first-child,
body .search-region > dl[style]{
    margin-top:0 !important
}
body .search-region dl dt{
    margin:0;
    padding:11px 14px;
    border-top:1px solid #dfe5ec;
    border-bottom:1px solid #dfe5ec;
    background:#f5f8fc;
    color:#1f2933;
    font-family:inherit;
    font-size:15px;
    line-height:22px
}
body .search-region dl:first-child dt{
    border-top:0
}
body .search-region dl dt:empty{
    display:none
}
body .search-region dl dt a.type_dl,
body .search-region dl dt a.type_dl[style*="BE6100"]{
    padding:0;
    color:#0b6ec0 !important
}
body .search-region dl dd{
    margin-bottom:0
}
body .search-region dl dd ul{
    border-top:0
}
body .search-region dl dd ul li{
    padding:13px 14px 13px 20px;
    font-family:inherit
}

/*=== 文章頁與會員資料頁：次要文字色 ===*/
body .author .author-info .date{
    color:#5b6673;
    font-weight:400
}
body .font12px{
    color:#0b6ec0
}
body .txt_gray{
    color:#5b6673
}

/*=== 彈窗頁基礎 ===*/
body.uiux-popup{
    margin:0;
    padding:12px;
    background:#fff
}
body.uiux-popup img{
    max-width:100%;
    height:auto
}
body.uiux-popup table{
    max-width:100%
}

/*=== 訊息卡片（訊息頁、404、外部連結、快速註冊共用） ===*/
body .mesg-wrap{
    min-height:300px;
    padding:24px 16px 32px;
    background:#f5f8fc
}
body .mesg-card{
    max-width:480px;
    margin:0 auto;
    padding:28px 20px 24px;
    border:1px solid #dfe5ec;
    border-radius:14px;
    background:#fff;
    box-shadow:none;
    text-align:center
}
body .mesg-icon{
    display:inline-flex;
    width:56px;
    height:56px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#e8f3fc;
    color:#0d7cd7
}
body .mesg-title{
    margin:12px 0 0;
    color:#1f2933;
    font-size:20px;
    font-weight:700;
    line-height:1.4
}
body .mesg-body{
    margin:14px 0 0;
    padding:14px 16px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#f5f8fc;
    color:#1f2933;
    font-size:16px;
    line-height:1.7;
    overflow-wrap:anywhere
}
body .mesg-actions{
    display:flex;
    margin-top:20px;
    gap:10px
}
body .mesg-actions.mesg-stack{
    flex-direction:column
}
body .mesg-btn{
    display:inline-flex;
    min-height:46px;
    flex:1;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    border:1px solid #cfd8e3;
    border-radius:8px;
    background:#fff;
    color:#1f2933;
    font-size:16px;
    font-weight:600;
    text-decoration:none
}
body .mesg-btn-blue{
    border-color:#0a62ab;
    background:#0b6ec0;
    color:#fff
}
body .mesg-btn svg{
    width:18px;
    height:18px
}
body .mesg-note{
    margin:14px 0 0;
    color:#5b6673;
    font-size:14px;
    line-height:1.6
}

/*=== 登入頁：可見標籤 ===*/
body .login label.uiux-label{
    display:block;
    width:90%;
    margin:10px auto 4px;
    color:#1f2933;
    font-size:14px;
    font-weight:700
}
body .login .in1,
body .login .in3{
    border:1px solid #cfd8e3;
    border-radius:8px
}

/*=== 信件內容頁：刪除鈕 ===*/
body #del_mail.log_reg{
    border-color:#ac2925;
    background:#fff;
    color:#c9302c
}

/*=== 彈窗頁：品種選擇、上傳 ===*/
body.uiux-popup .type_select{
    width:100%
}
body.uiux-popup .type_select li{
    width:33.33%;
    height:auto;
    min-height:44px;
    padding:11px 4px;
    box-sizing:border-box;
    font-size:15px;
    line-height:22px
}
body.uiux-popup input[type=file]{
    max-width:100%;
    margin:8px 0;
    font-size:16px
}
body.uiux-popup input[type=submit],
body.uiux-popup input[type=button],
body.uiux-popup button:not(.btn):not(.mce-btn button){
    min-height:44px;
    padding:0 16px;
    border:1px solid #0a62ab;
    border-radius:8px;
    background:#0b6ec0;
    color:#fff;
    font-size:16px
}
body.uiux-popup .panel{
    margin-bottom:12px
}
body.uiux-popup .form-control{
    min-height:44px;
    font-size:16px
}

/*=== 彈窗頁補充 ===*/
body.uiux-popup,
body.uiux-popup *{
    box-sizing:border-box
}
body.uiux-popup .type_select ul{
    margin:0;
    padding:0
}
body.uiux-popup input#bt1{
    border-color:#0a62ab;
    background:#0b6ec0;
    color:#fff
}
body.uiux-popup .form-control{
    padding:6px 12px
}
body .panel-body img{
    max-width:100%;
    height:auto
}

/*=== 殘餘對比 ===*/
body .mesg-body font[color="#FF6600"],
body .mesg-body font[color="#ff6600"]{
    color:#b84400
}
body .mesg-redirect a,
body .mreply-warn a{
    color:#0a5fa6
}
body .admin_vip{
    color:#c9302c
}

/*=== 第四階段：閱讀區與文章內容頁 ===*/

/*=== 全站閱讀區：字距、行高、圖片寬度 ===*/
body .memo{
    letter-spacing:normal;
    line-height:1.75
}
body .memo img,
body #pet_memo img{
    max-width:100% !important;
    height:auto
}
body #pet_memo{
    line-height:1.75
}
body .detail .info .inner-info{
    padding-right:16px;
    padding-left:16px
}
body .info .tel-box-main{
    margin-right:16px;
    margin-left:16px
}

/*=== 文章內容頁 ===*/
body#topic_main{
    background:#f5f8fc
}
body .tp-bar{
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
body .tp-back{
    display:inline-flex;
    min-width:0;
    min-height:44px;
    align-items:center;
    gap:6px;
    overflow:hidden;
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap
}
body .tp-back .fa{
    font-size:20px
}
body .tp-reply-btn{
    display:inline-flex;
    min-height:40px;
    flex:none;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 14px;
    border-radius:8px;
    background:#fff;
    color:#0a5fa6;
    font-size:14px;
    font-weight:700
}
body .tp-noreply{
    display:inline-flex;
    min-height:32px;
    flex:none;
    align-items:center;
    gap:6px;
    padding:0 10px;
    border-radius:6px;
    background:#fff;
    color:#5b6673;
    font-size:13px;
    font-weight:700
}
body .tp-wrap{
    padding:12px 12px 0
}
body .tp-title{
    margin:4px 4px 12px;
    color:#1f2933;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    overflow-wrap:anywhere
}
body .tp-post{
    margin:0 0 12px;
    padding:14px 16px;
    border:1px solid #dfe5ec;
    border-radius:14px;
    background:#fff
}
body .tp-post.tp-op{
    border-color:#9cc9ee
}
body .tp-head{
    display:flex;
    margin-bottom:10px;
    align-items:center;
    gap:10px
}
body .tp-avatar{
    flex:none
}
body .tp-avatar img{
    display:block;
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover
}
body .tp-who{
    display:flex;
    min-width:0;
    flex:1;
    flex-direction:column;
    gap:2px
}
body .tp-name{
    overflow:hidden;
    color:#1f2933;
    font-size:15px;
    line-height:1.4;
    text-overflow:ellipsis;
    white-space:nowrap
}
body .tp-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:2px 6px;
    color:#5b6673;
    font-size:12px;
    line-height:1.5
}
body .tp-meta .normal_vip,
body .tp-meta .admin_vip,
body .tp-meta .vip_vip{
    margin-left:0;
    font-size:12px
}
body .tp-meta .normal_vip{
    color:#5b6673
}
body .tp-meta .vip_member_style{
    display:inline-flex;
    min-height:22px;
    padding:0 8px;
    align-items:center;
    gap:4px;
    border-radius:6px;
    font-size:12px;
    font-weight:600
}
body .tp-meta .vip_member_vip{
    background:#fef3c7;
    color:#92400e
}
body .tp-meta .vip_member_legal{
    background:#e0f2fe;
    color:#075985
}
body .tp-floor{
    padding:1px 8px;
    border-radius:6px;
    background:#eef2f6;
    color:#3d4852;
    font-weight:700
}
body .tp-op .tp-floor{
    background:#0b6ec0;
    color:#fff
}
body .tp-time{
    flex:none;
    align-self:flex-start;
    color:#5b6673;
    font-size:12px;
    line-height:21px;
    white-space:nowrap
}
body .tp-post .memo{
    min-height:0;
    color:#1f2933;
    font-size:16px;
    overflow-wrap:anywhere
}
body .tp-actions{
    display:flex;
    margin-top:12px;
    padding-top:10px;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    border-top:1px solid #eef2f6
}
body .tp-btn{
    display:inline-flex;
    min-height:40px;
    align-items:center;
    gap:6px;
    padding:0 12px;
    border:1px solid #cfd8e3;
    border-radius:8px;
    background:#fff;
    color:#1f2933;
    font-size:14px;
    font-weight:600;
    line-height:1
}
body .tp-like-group{
    display:inline-flex
}
body .tp-btn.tp-like{
    border-radius:8px 0 0 8px
}
body .tp-count{
    display:inline-flex;
    min-width:40px;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border:1px solid #cfd8e3;
    border-left:0;
    border-radius:0 8px 8px 0;
    background:#f5f8fc;
    color:#0a5fa6;
    font-size:14px;
    font-weight:700
}
body .tp-report{
    display:inline-flex;
    min-height:40px;
    margin-left:auto;
    align-items:center;
    gap:4px;
    padding:0 4px;
    color:#5b6673;
    font-size:13px
}
body .tp-best{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    gap:4px;
    padding:0 10px;
    border-radius:6px;
    background:#e7f4e8;
    color:#256628;
    font-size:13px;
    font-weight:700
}
body .tp-actions .btn-info{
    float:none !important;
    min-height:40px;
    margin-left:auto
}
body .tp-bottom{
    padding:0 12px 4px
}
body .tp-bottom .tp-reply-btn{
    display:flex;
    min-height:48px;
    border:1px solid #0a62ab;
    background:#0b6ec0;
    color:#fff;
    font-size:16px
}
body .tp-bottom .tp-noreply{
    display:flex;
    min-height:44px;
    justify-content:center;
    border:1px solid #dfe5ec
}
body#topic_main .page-box{
    margin-top:12px
}
body .tp-share{
    display:flex;
    padding:14px 16px 4px;
    flex-wrap:wrap;
    align-items:center;
    gap:8px
}
body .tp-share-label{
    color:#5b6673;
    font-size:14px
}
body .tp-chip{
    display:inline-flex;
    min-height:40px;
    align-items:center;
    padding:0 14px;
    border:1px solid #cfd8e3;
    border-radius:999px;
    background:#fff;
    color:#1f2933;
    font-size:14px
}

/*=== 第五階段：共用表單版面與買賣內頁 ===*/

/*=== 共用表單版面 ===*/
body .uf-wrap{
    padding:12px;
    background:#f5f8fc
}
body .uf-card{
    display:block;
    padding:16px;
    border:1px solid #dfe5ec;
    border-radius:14px;
    background:#fff
}
body .uf-field{
    margin:0 0 16px
}
body .uf-label{
    display:block;
    margin:0 0 6px;
    color:#1f2933;
    font-size:15px;
    font-weight:700;
    line-height:1.4
}
body .uf-req{
    color:#c9302c
}
body .uf-help{
    margin:6px 0 0;
    color:#5b6673;
    font-size:13px;
    line-height:1.5
}
body .uf-note{
    margin:0 0 16px;
    padding:10px 12px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#f5f8fc;
    color:#1f2933;
    font-size:14px;
    line-height:1.6
}
body .uf-note p{
    margin:0
}
body .uf-card .uf-field input[type=text],
body .uf-card .uf-field select{
    display:block;
    width:100%;
    height:46px;
    margin:0 !important;
    padding:0 12px !important;
    box-sizing:border-box
}
body .uf-card .uf-field select + select{
    margin-top:8px !important
}
body .uf-card .uf-field input[disabled],
body .uf-card .uf-field select[disabled]{
    background:#f5f8fc;
    color:#5b6673
}
body .uf-card input.uf-tool{
    display:inline-block;
    width:auto;
    height:44px;
    margin:0 0 10px !important;
    padding:0 16px;
    border:1px solid #cfd8e3;
    border-radius:8px;
    background:#fff;
    color:#1f2933;
    font-size:15px;
    font-weight:600;
    text-shadow:none
}
body .uf-card #typename{
    margin-bottom:8px !important;
    color:#256628 !important;
    font-weight:700
}
body .uf-card #regpet_pic img{
    max-width:100%;
    height:auto;
    border-radius:8px
}
body .uf-card textarea{
    display:block;
    width:100%;
    margin:0;
    box-sizing:border-box
}
body .uf-card .mce-tinymce{
    border-radius:8px;
    overflow:hidden
}
body .uf-captcha{
    display:flex;
    align-items:center;
    gap:8px
}
body .uf-card .uf-captcha input[type=text]{
    min-width:0;
    flex:1
}
body .uf-captcha img{
    width:auto;
    height:46px;
    flex:none;
    border-radius:8px;
    cursor:pointer
}
body .uf-warn{
    display:flex;
    margin:0 0 14px;
    padding:10px 12px;
    align-items:flex-start;
    gap:8px;
    border:1px solid #fecaca;
    border-radius:8px;
    background:#fef2f2;
    color:#b91c1c;
    font-size:14px;
    font-weight:600;
    line-height:1.6
}
body .uf-warn .fa{
    margin-top:4px
}
body .uf-warn a{
    color:#0a5fa6 !important;
    text-decoration:underline
}
body .uf-card .reg_btn{
    width:100%;
    margin:4px 0 0;
    box-sizing:border-box
}
body .uf-card label.error{
    display:block;
    margin:6px 0 0;
    color:#c9302c;
    font-size:13px;
    font-weight:600
}

/*=== 買賣內頁 ===*/
body#pv_main{
    background:#f5f8fc
}
body .pv-photo{
    margin:0 0 12px;
    text-align:center
}
body .pv-photo img{
    max-width:100%;
    height:auto;
    border:1px solid #dfe5ec;
    border-radius:8px
}
body .pv-spec{
    margin:0;
    padding:0
}
body .pv-spec li{
    display:flex;
    padding:9px 0;
    flex-wrap:wrap;
    align-items:center;
    gap:4px 8px;
    border-top:1px solid #eef2f6;
    color:#1f2933;
    font-size:15px;
    line-height:1.5
}
body .pv-spec li > b:first-child{
    width:72px;
    flex:none;
    color:#5b6673;
    font-size:14px;
    font-weight:400
}
body .pv-spec li span{
    font-size:15px
}
body .pv-city{
    color:#c84b00
}
body .pv-price{
    color:#c84b00;
    font-weight:700
}
body .pv-cta{
    display:flex;
    min-height:52px;
    margin:14px 0 0;
    padding:8px 12px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #0a62ab;
    border-radius:8px;
    background:#0b6ec0;
    color:#fff;
    font-size:16px;
    font-weight:700;
    line-height:1.4
}
body .pv-cta small{
    font-size:12px;
    font-weight:400;
    opacity:.9
}
body .pv-wrap > .pv-cta{
    margin:0 0 12px
}
body .pv-head{
    margin:0 0 10px;
    color:#1f2933;
    font-size:17px;
    font-weight:700;
    line-height:1.4
}
body .pv-content #pet_memo{
    overflow-wrap:anywhere
}
body .pv-main .alert{
    height:auto !important;
    margin:0 0 12px !important;
    padding:8px 12px !important;
    border-radius:8px;
    font-size:14px !important
}
body .uf-card > select{
    display:block;
    width:100%;
    height:46px;
    margin:0 0 12px !important;
    padding:0 12px !important;
    box-sizing:border-box
}

/*=== 第六階段：寄信、回覆信件、檢舉、參訪評分表單 ===*/
body .uf-card input[type=file]{
    display:block;
    width:100%;
    margin:0 !important;
    padding:8px 0;
    font-size:15px
}
body .uf-card.uf-reply{
    margin:12px
}
body .uf-radio{
    display:block;
    position:relative;
    min-height:44px;
    margin:0;
    padding:10px 0 10px 32px;
    color:#1f2933;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
    cursor:pointer
}
body .uf-radio input[type=radio]{
    position:absolute;
    top:12px;
    left:0;
    width:20px;
    height:20px;
    margin:0
}
body .uf-radio br{
    display:none
}
body .uf-radio span[style]{
    display:block;
    font-size:13px
}
body .uf-report .table,
body .uf-report .table tbody,
body .uf-report .table tr,
body .uf-report .table td{
    display:block;
    width:auto;
    margin:0;
    padding:0;
    border:0
}
body .uf-report .table tr{
    padding:8px 0;
    border-top:1px solid #eef2f6
}
body .uf-report .table tr:first-child{
    border-top:0
}
body .uf-report .pull-left{
    display:block;
    float:none !important
}
body .uf-report ul{
    margin:0;
    padding:0;
    line-height:1.6 !important
}
body .uf-report ul li{
    border-top:1px solid #eef2f6
}
body .uf-report ul li:first-child{
    border-top:0
}
body .uf-report ul li > span[style]{
    display:block;
    padding:12px 0 6px;
    color:#1f2933 !important;
    font-size:15px !important
}
body .uf-report textarea{
    min-height:110px;
    padding:10px 12px
}
body .uf-rating{
    padding:12px
}
body .uf-rating .panel{
    margin:0
}
body .uf-rating .table{
    width:100%;
    margin:0
}
body .uf-rating .table td{
    height:auto;
    padding:4px 0;
    border:0
}
body .uf-rating .uf-label{
    margin:10px 0 0
}
body .uf-rating [class^="click-callback"] i{
    padding:8px 6px;
    font-size:30px !important;
    cursor:pointer
}
body .uf-rating .rating-text{
    display:inline-block;
    margin-left:8px !important;
    color:#256628;
    font-size:14px;
    vertical-align:middle
}
body .uf-rating .uf-note{
    margin:14px 0;
    font-size:14px !important;
    line-height:1.7 !important
}
body .uf-rating .uf-submit{
    display:block;
    width:100%;
    min-height:48px;
    font-size:16px;
    font-weight:700
}

/*=== 註冊、Facebook／Google 快速登入 ===*/
body .p_title{
    color:#5b6673
}
body .p_title.p_active{
    color:#c84b00;
    font-weight:700
}
body #vip_form .txt_blue{
    display:block;
    margin:10px 0 4px;
    color:#1f2933;
    font-size:15px;
    font-weight:700;
    line-height:1.4 !important
}
body #vip_form .txt_blue .fa{
    color:#0d7cd7
}
body #vip_form .form-control{
    width:100% !important;
    height:46px !important;
    box-sizing:border-box;
    margin-bottom:0 !important;
    border-color:#cfd8e3 !important
}
body #vip_form #checkid{
    display:inline-block;
    width:40% !important;
    margin-right:8px
}
body #vip_form .btn{
    margin-top:14px;
    padding:11px 20px;
    line-height:1.4
}
body #vip_form #imgid a span{
    color:#c9302c !important
}
body .btn-main,
body .btn-main2{
    padding:11px 16px;
    line-height:1.4
}
body .msjh span[style*="FF8000"]{
    color:#a85400 !important
}
body .msjh span[style*="color:blue"]{
    color:#0a5fa6 !important
}
body .modal-content{
    border-radius:14px
}
body .modal .input-group .form-control{
    height:46px !important
}
body .online-close{
    min-height:44px
}