/* 由 cadiis（J3）移植後的補強樣式 */
.kkcontent-blog-wrap,
.kkcontent-success-wrap,
.kkcontent-location-wrap {
    margin-top: 20px;
}

.home-product.card,
.kkcontent-blog-item.card,
.kkcontent-success-item.card {
    border: 0;
    background: none;
    margin-bottom: 20px;
}

/* 舊站卡片縮圖以原始尺寸呈現（成功案例為 100/130px 圓形縮圖），不強制放大 */
.kkcontent-success-item .thumb,
.kkcontent-blog-item .item-wrap {
    display: block;
    overflow: hidden;
}


/* 首頁產品卡片：縮圖保持原始比例 */
.home-product .item .thumb {
    overflow: hidden;
}/* ---- 首頁輪播：比照舊站 Revolution 的 2000x800 / 2000x600 比例 ---- */
.slider .cadiis-slide {
    aspect-ratio: 2000 / 800;
    overflow: hidden;
}

.bottom-slider .cadiis-slide {
    aspect-ratio: 2000 / 600;
    overflow: hidden;
}

.slider .cadiis-slide img,
.bottom-slider .cadiis-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---- 舊站 mod_menu 子選單樣式 ---- */
.mainmenu ul.nav-child {
    display: none;
    position: absolute;
    z-index: 999;
}

.mainmenu li:hover > ul.nav-child,
.mainmenu li.open > ul.nav-child {
    display: block;
}

/* ---- 單篇文章標題：J3 是 .item-page h2，J6 改用 .page-header h1，比照舊站樣式 ---- */
.item-page .page-header h1 {
    line-height: 150%;
    font-size: 30px;
    text-align: center;
    color: #002692;
    letter-spacing: 5px;
    margin-bottom: 50px;
    font-weight: 400;
}

@media (max-width: 768px) {
    .item-page .page-header h1 {
        font-size: 22px;
    }
}

/* ---- 文章內容容器：J3 是 .articleBody，J6 改為 .com-content-article__body ---- */
.com-content-article__body a {
    text-decoration: none;
    color: #002692;
}

.com-content-article__body a:hover {
    opacity: 0.8;
}

.com-content-article__body img {
    max-width: 100%;
    height: auto;
}

.com-content-article__body em {
    font-style: italic;
}

.com-content-article__body strong {
    font-weight: bold;
}

.com-content-article__body ol {
    display: block;
    list-style-type: decimal;
}

.com-content-article__body ol li {
    display: list-item;
    margin-left: 40px;
}

.com-content-article__body ul li {
    list-style: disc;
    margin-left: 40px;
    display: list-item;
}

/* 舊站 editor.css 在 template.css 之後載入，故 list01/02/03 的「背景圖項目符號」會蓋掉 disc；
   本檔在 editor.css 之後載入，需在此還原，否則會多出一個預設圓點並位移 20px */
.com-content-article__body ul.list01 li,
.com-content-article__body ul.list02 li,
.com-content-article__body ul.list03 li {
    list-style: none;
    margin-left: 20px;
    padding: 0 0 10px 20px;
}

/* ---- 網站地圖（比照舊站 com_jmap 樹狀清單樣式） ---- */
.sitemap {
    font-size: 16px;
}

.sitemap .jmap_filetree,
.sitemap .jmap_filetree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sitemap .jmap_filetree {
    margin-bottom: 18px;
}

.sitemap .jmap_filetree li {
    list-style: none;
    margin: 0;
    padding: 3px 0 3px 16px;
    line-height: 150%;
}

.sitemap .jmap_filetree span.folder {
    font-weight: bold;
}

.sitemap .jmap_filetree a {
    color: #333;
    text-decoration: none;
}

.sitemap .jmap_filetree a:hover {
    color: #002692;
    text-decoration: underline;
}

/* ---- CWGallery 相簿（舊站 {cwgallery} 外掛輸出，新站改為靜態 HTML） ---- */
.cwgallery {
    display: block;
    margin: 5px;
}

.cwgallery .calbum {
    padding: 5px;
    display: flow-root;
}

.cwgallery a {
    display: block;
    float: left;
    position: relative;
}

.cwgallery a span {
    display: block;
    height: auto;
    position: relative;
    border: 2px solid #fff;
    transition: transform 0.15s;
}

.cwgallery a img {
    display: block;
    width: 100%;
    max-width: initial;
}

.cwgallery a:hover span {
    transform: scale(1.011);
    z-index: 5;
}

.cwgallery .overlay .cmask {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    opacity: 0;
    transition: all 300ms ease-out;
}

.cwgallery .overlay .cmask:hover,
.cwgallery a:hover .cmask {
    opacity: 1;
    z-index: 9;
}

.cwgallery .overlay .cmask::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.cwgallery .overlay .cmask .ccaption {
    vertical-align: middle;
    display: inline-block;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

.cwgallery .overlay .cmask.light {
    background-color: rgba(255, 255, 255, 0.7);
}

.cwgallery .overlay .cmask.light .ccaption {
    color: #444;
    text-shadow: 1px 1px 1px #fff;
}