:root {
    --color1: #a46f7b;
    --color2: #cfcfcf;
}

.fcwhite {
    color: #fff !important;
}

.fcblack {
    color: #000 !important;
}

.fccolor1 {
    color: #a46f7b;
}

.bgcolor1 {
    background-color: #a46f7b;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
    line-height: 2em;
}

h6 {
    font-size: 18px;
    line-height: 1.8em;
    margin-bottom: 5px;
}

p {
    font-size: 15px;
    line-height: 1.8em;
    /* 讓長網址自動換行 */
    word-break: break-all;
    overflow-wrap: break-word;
    margin-bottom: 5px;
    font-weight: normal;
}

/* 頁碼 */
.pageAll {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 1em auto;
}

.pageAll .page {
    width: 40px;
    height: 40px;
    color: #000;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    justify-content: center;
    line-height: 40px;
    cursor: pointer;
    font-size: 18px;
    margin: 0 10px;
}

.pageAll .page i {
    vertical-align: middle;
}

.pageAll .page p {
    width: 100%;
    height: 100%;
    line-height: 2.5em;
}

.pageAll .page:hover,
.pageAll .page.active {
    background-color: #a46f7b;
    color: #fff;
    font-weight: 700;
}

.pageAll .page:hover p,
.pageAll .page.active p {
    font-weight: 700;
    color: #fff;

}

/* 文章頁(含後台設定) */
.articlecontent img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

.articlecontent iframe {
    width: 100% !important;
    height: 100% !important;
}

@media(min-width:992px) {
    .articlecontent img {
        max-width: 1000px !important;
        max-height: 100% !important;
    }

    .articlecontent iframe {
        width: 100% !important;
        height: 100% !important;
    }
}

/* index.html */
/* header最頂部 */
.main-header__contact-list li .text p,
.main-header__contact-list li .text p a {
    color: #000;
}

/* 大圖輪播 */
#carouselExampleSlidesOnly .carousel-indicators {
    gap: 8px;
}

#carouselExampleSlidesOnly .carousel-indicators button {
    width: 10px;
    height: 10px;
    margin: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
}

/* OUR SERVICES 全方位美容護理．專屬妳的美麗計畫 */
.services-one__single-inner .services-one__text {
    height: 150px;
}

/* 我們堅信，美麗來自細節，舒適來自用心。 */
.video-one .row {
    justify-content: center;
}

.video-one__left h4 {
    font-weight: 600;
}

.video-one__video-icon,
.video-one__video-link .ripple,
.video-one__video-icon .ripple:before,
.video-one__video-icon .ripple:after {
    width: 80px;
    height: 80px;
    left: 50%;
}

.video-one .fa-check:before {
    font-size: 20px;
    margin-left: 5px;
}


/* 100%顧客安心選擇 */
.counter-one__count-box h3 {
    font-size: 40px;
}

.counter-one__bg {
    opacity: 1;
    mix-blend-mode: normal;
}

/* 頁腳 */
.site-footer .row {
    justify-content: center;
}

.site-footer .row img {
    width: 250px;
}

.site-footer .row .footer-widget__column.footer-widget__social-box img {
    width: 200px;
}


/* 右側邊欄 */
aside {
    display: flex;
    position: fixed;
    flex-direction: column;
    right: 0;
    bottom: 100px;
    text-align: center;
    align-items: center;
    overflow: hidden;
    padding: 0.5em 0;
    width: 80px;
    border-radius: 10px;
    transform: scale(0.8);
    z-index: 99;
}

aside a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    cursor: pointer;
    margin: 10px 0;

}

aside img {
    width: 60px;
    height: auto;
}

aside .asideBottom {
    margin-top: 5px;
    transition: opacity 0.3s ease;
    opacity: 1;
}

aside .asideBottom a {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
}

aside .asideBottom.hidden {
    opacity: 0;
    pointer-events: none;
}

/* 最新文章 內容頁html */
.services-details-two__category-list_title {
    text-align: center;
    margin-bottom: 10px;
    color: #a46f7b;
    font-weight: 700;
}


/* 聯絡我們 */
.spa-center-three .spa-center-three__text {
    font-weight: 600;
}

/* 服務項目子選單 內容頁html */
.services-details-two .row1 {
    justify-content: center;
}

/* 一頁式 */
.content_mobile {
    width: 100%;
}

.content_pc {
    display: none;
}

.postContent img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
}

.fix-menu-f {
    position: fixed;
    /* left: 0; */
    bottom: 0;
    width: 100%;
    z-index: 99;
    display: block;
    background: transparent;
}

.fix-menu-f ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: space-between;
}

.fix-menu-f ul li {
    text-align: center;
    margin: auto;
    flex: 1;
}

.fix-menu-f ul li:last-child {
    border-right: unset;
    box-shadow: unset;
}

.fix-menu-f ul li a {
    background-color: #a46f7b;
    padding: 8px;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
}

.fix-menu-f ul li a .fix-icon {
    display: flex;
    align-items: center;

    margin-right: 10px;
}

.fix-menu-f ul li h5 {
    color: #fff;
    margin-bottom: unset;

}

@media (min-width:768px) {

    /* index.html */
    /* 導覽列 */
    .main-menu .mobile-nav__toggler {
        padding: 25px 0;
    }

    /* 一頁式 */
    .content_mobile {
        display: none;
    }

    .content_pc {
        width: 100%;
        display: block;
    }

    .fix-menu-f {
        position: fixed;
        right: 5%;
        bottom: 0;
        width: 300px;
        z-index: 99;
        display: block;
        background: transparent;
    }
}

@media (min-width:992px) {

    /* index.html */
    /* OUR SERVICES 全方位美容護理．專屬妳的美麗計畫 */
    .services-one .row {
        justify-content: center;
    }
    /* 最新文章 內文頁html */
    .services-details-two__category{
        margin-top: 0;
    }
}

@media (min-width:1200px) {

    /* index.html */
    /* 導覽列 */
    .main-menu .main-menu__list>li+li,
    .stricky-header .main-menu__list>li+li {
        margin-left: 20px;
    }
}

@media (min-width:1400px) {

    /* index.html */
    /* header最頂部 */
    .main-header__top-inner {
        padding-left: 230px;
    }

    /* 導覽列 */
    .main-menu__wrapper-inner {
        justify-content: space-around;
    }

    .main-menu .main-menu__list>li+li,
    .stricky-header .main-menu__list>li+li {
        margin-left: 35px;
    }
}