/* 全站共用版型樣式（原 Mode/Mode.php 內嵌 <style> 與 style 屬性） */

/* ===== 原內嵌 <style> 區塊 ===== */
.a11y-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible {
    outline: 3px solid #ffbf47 !important;
    outline-offset: 2px;
}

.mode_top a,
.mode_down a {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
}

#jsddm li a,
.showBox .roll a,
.showBox .btn a,
.cd-top {
    min-width: 24px;
    min-height: 24px;
}

#main-content form[name="SearchMyPet"] select,
#main-content form[name="SearchMyPet"] input[type="submit"] {
    min-height: 24px;
}

#jsddm li.menu-open > ul {
    visibility: visible;
}

.menutop li .fusion-submenu-wrapper {
    visibility: hidden;
}

.menutop li:hover > .fusion-submenu-wrapper,
.menutop li.root.menu-open > .fusion-submenu-wrapper {
    left: -12px;
    top: 24px;
    visibility: visible;
}

/* ===== 原 style 屬性 =====
 * 以 !important 模擬原內嵌樣式的優先權；本檔於 home-modern.css 之前載入，
 * 首頁同權重的 !important 規則仍會覆寫。首頁原本以 !important 覆寫的屬性（刊登出售文字色、
 * 主內容上內距）此處不加 !important，維持原本的覆寫結果。 */

/* 頂端會員列 */
.mode_top .mode-tw-label {
    color: blue !important;
}

.mode_top a.mode-cn-link {
    color: red !important;
    font-size: 16px !important;
}

.mode_top .mode-cn-logo {
    margin-bottom: -5px !important;
}

.mode_top a.mode-accent-link {
    color: #ff6633 !important;
}

/* 行動裝置切換提示 */
.mode-mobile-alert {
    background-color: #eeffbb !important;
}

.mode-mobile-alert a.mode-mobile-alert-link {
    font-size: 80px !important;
}

.mode-mobile-alert p {
    margin-left: 5px !important;
    padding-left: 5px !important;
}

/* 刊登出售選單 */
#jsddm > li.mode-publish {
    padding-left: 180px !important;
}

#jsddm > li.mode-publish > a.menu-toggle {
    color: #cc3300;
}

#publish-menu {
    z-index: 9 !important;
}

/* Logo 列與主選單 */
.site-brand {
    height: 68px !important;
    background-image: url("../images/up_02.gif") !important;
    background-repeat: repeat-x !important;
}

.site-nav {
    width: 960px !important;
    height: 33px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 8px !important;
    background-color: #0b7cd7 !important;
}

#horiz-menu li.root > a.item.nav-white {
    color: #fff !important;
}

#horiz-menu .fusion-submenu-wrapper a.item.nav-sub-lg {
    font-size: 15px !important;
}

/* 左側欄（Mode/left.php） */
#left_notice a.left-cn-link {
    color: red !important;
    font-size: 16px !important;
}

#left_notice a.left-news-link {
    color: #ff6600 !important;
    font-size: 16px !important;
}

#left_notice img.left-cn-logo {
    margin-bottom: -5px !important;
}

img.left-box-edge {
    vertical-align: top !important;
}

/* 主內容與分隔線 */
#main-content {
    padding-top: 1px;
}

.mode-separator {
    border-bottom: 1px solid #cecece !important;
}