/*#fdb933#895532*/
/* ===== secondary begin ===== */
.news-more-btn,
.news-arti-duration,
.spot-more-btn,
.room-list-link,
.cuisine-info-list-link,
.cuisine-photos-item-link,
.activity-info-list-link,
.activity-photos-item-link {color: #895532;}
.news-arti-link,
.index-sect-title-1,
.index-sect-title-2,
.news-sect-title-1,
.news-sect-title-2 {
    border-color: #895532;
    color: #895532;
}
/* ===== secondary end ===== */

/* ===== primary begin ===== */
/* master */
.master-menu-bar,
.swiper-outter-container,
.page-to-top::after {
    background-color: #fdb933;
}
/* ===== primary end ===== */

/* ===== white and black begin ===== */
/* 1a only 手機頁面標題 (會有兩種樣式) */
.news-mob-page-head,
.location-mob-page-head,
.house-mob-page-head,
.album-mob-page-head,
.room-info-mob-page-head {
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
/* index */
.index-sect-5 {  /* 主人的話 */ /* 這裡會有摺疊的div */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.index-sect-5 .index-unfold-btn::before { /* 主人的話的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #000; /* 背景為主色 所以在顏色css中設定 */
}
/* location */
.location-sect-2 { /* 地址座標 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
/* house_info */
.house-sect-6 { /* 注意事項 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.house-btn { /* 匯款通知按鈕 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.house-sect-6 .house-unfold-btn::before { /* 入住(租房)須知的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #000; /* 會被主色影響 */
}
/* room */
.room-sect-2 { /* 價格 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.reservation-btn {
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.room-sect-4 { /* 注意事項 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.room-sect-4 .room-unfold-btn::before { /* 入住(租房)須知的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #000; /* 會被主色影響 */
}
/* about_us */
.about-sect-4 {  /* 主人的話 */ /* 這裡會有摺疊的div */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
/* contact */
.contact-bank-div {  /* 匯款通知內容 - 帳戶資料(一定會有) */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
.contact-sect-3 {  /* 表單區塊 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
/* reservation */
.resv-sect-4 {  /* 表單區塊 */
    background-color: #fdb933;
    color: #000; /* 會被主色影響 */
}
/* about_us */
.about-sect-4 .about-unfold-btn::before { /* 主人的話的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #000; /* 背景為主色 所以在顏色css中設定 */
}
/* 版型獨佔 list-style(反色) */ 
.house-sect-6 .pre-html-tag ul li::before {
    background-color: #000; /* 會被主色影響 */
}
.room-sect-4 .pre-html-tag ul li::before {
    background-color: #000; /* 會被主色影響 */
}
/* swiper */
.swiper-slide {
    color: #000; /* 會被主色影響 */
}
.add-room-btn-v { /* 預約訂房的input button 增加房型 */
    color: #000; /* 會被主色影響 */
    border-color: #000; /* 會被主色影響 */
}
@media screen and (min-width: 768px) {
    footer {
        color: #000; /* 會被主色影響 */
    }
}
@media screen and (max-width: 767px) {
    .slogan {
        color: #000; /* 會被主色影響 */
    }
    .swiper-slide::after {
        background-color: #000; /* 會被主色影響 */
    }
}
/* ===== white and black end ===== */

/* ===== white and black CONVERSE begin ===== */
.swiper-slide.active {
    color: #fff;  /* 跟上面的顏色相反 */
}
@media screen and (min-width: 768px) {
    footer a {
        color: #fff; /* 跟上面的顏色相反 */
    }
}
/* ===== white and black CONVERSE end ===== */

/* ===== images begin ===== */
/* news */
.news-more-btn::after { /* 消息文章(共用)的更多文章按鈕 */
    background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    background-size: 150px 76px;
    background-position: -38px 0;
}
/* spot */
.spot-more-btn::after { /* 週邊導覽的閱讀更多按鈕 */
    background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    background-size: 150px 76px;
    background-position: -38px 0;
}
/* room_info */
.room-list-link::after { /* 客房介紹(清單)的房間清單(房間連結) */
    background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    background-size: 150px 76px;
    background-position: -38px 0;
}
/* cusine_info */
.cuisine-info-list-link::after,
.cuisine-photos-item-link::after,
.activity-info-list-link::after,
.activity-photos-item-link::after { /* 客房介紹(清單)的房間清單(房間連結) */
    background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    background-size: 150px 76px;
    background-position: -38px 0;
}
/* 標題式箭頭 arrow */
.room-head::after,
.album-head::after,
.cuisine-sect-title-1::after,
.activity-sect-title-1::after {
    background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    background-position: -100px 0;
    background-size: 300px 152px;
}
@media screen and (min-width: 768px) {
    .footer-share-list li,
    .footer-infor-icon {
        background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
    }
}
@media screen and (max-width: 767px) {
    /* room-info */
    .mob-room-list .owl-prev {
        background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
        background-size: 150px 76px;
        background-position: 0 0;
    }
    .mob-room-list .owl-next {
        background: url('../../images/theme/sun-yellow.png') scroll no-repeat;
        background-size: 150px 76px;
        background-position: -13px 0;
    }
}
/* ===== images end ===== */

/* master */
.page-to-top::before {
    border-bottom-color: #fdb933;
}

/* 1a only 手機頁面標題 (會有兩種樣式) */
.room-rate-mob-page-head,
.view-mob-page-head,
.spot-mob-page-head,
.contact-mob-page-head,
.resv-mob-page-head {
    color: #fdb933;
    background-color: #f3f3f3;
}

/* index */
.index-sect-1 .news-unfold-btn::before,
.index-sect-2 .news-unfold-btn::before { /* 優惠消息、最新消息的文章過長按鈕 */
    border-top-color: #fdb933;
}
.index-sect-1 .news-unfold-btn::after {  /* 優惠消息的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #f8f8f8;
}
.index-sect-2 .news-unfold-btn::after {  /* 最新消息的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fff;
}
.index-sect-3 .index-unfold-btn::before { /* 關於我們的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}
.index-sect-4 .index-unfold-btn::before { /* 民宿特色的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}
.index-sect-5 .index-unfold-btn { /* 主人的話的section */
    background-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.index-sect-5 .index-unfold-btn::after { /* 主人的話的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}

/* news */
.news-unfold-btn::before { /* 文章過長按鈕 */
    border-top-color: #fdb933;
}

/* location */
.location-unfold-btn::before { /* 文章過長按鈕 */
    border-top-color: #fdb933;
}

/* house_info */
.house-sect-6 .house-unfold-btn { /* 入住(租房)須知的section */
    background-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.house-sect-6 .house-unfold-btn::after { /* 入住(租房)須知的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.house-sect-7 .house-unfold-btn::before { /* 改期退訂的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}

/* room_info */
.room-info-sect-2 { /* 客房介紹(清單)的第三個區塊 - 房價表按鈕區 */
    background-color: #fdb933;
}
.room-info-sect-2 a { /* 客房介紹(清單)的第三個區塊 - 房價表按鈕 */
    color: #fdb933;
}

/* contact */
.contact-btn {
    color: #fdb933;
}

/* album */
.album-head { /* 當前相簿名稱 */
    color: #fdb933;
}

/* room */
.room-head { /* 當前房間名稱 */
    color: #fdb933;
}
.price-btn { /* 房價表 */
    background-color: #fff;
    color: #fdb933;
}
.room-sect-4 .room-unfold-btn { /* 入住(租房)須知的section */
    background-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.room-sect-4 .room-unfold-btn::after { /* 入住(租房)須知的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.room-sect-5 .room-unfold-btn::before { /* 改期退訂的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}

/* about_us */
.about-sect-2 .about-unfold-btn::before { /* 關於我們的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}
.about-sect-3 .about-unfold-btn::before { /* 民宿特色的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933;
}
.about-sect-4 .about-unfold-btn { /* 主人的話的section */
    background-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}
.about-sect-4 .about-unfold-btn::after { /* 主人的話的文章過長按鈕(模擬向下箭頭) */
    border-top-color: #fdb933; /* 背景為主色 所以在顏色css中設定 */
}

/* cuisine_info & activity_info & cuisine & activity */
.cuisine-info-sect-title-1,
.activity-info-sect-title-1 {
    color: #fdb933;
}
.cuisine-info-mob-page-head,
.activity-info-mob-page-head {
    color: #fdb933;
}
.cuisine-sect-title-1,
.activity-sect-title-1 {
    color: #fdb933;
}
.cuisine-intro-box-2,
.activity-intro-box-2 {
    background-color: #fdb933;
}
.cuisine-intro-tab,
.activity-intro-tab {
    color: #000; /* 會被主色影響 */
}
.cuisine-intro-tab.active::after,
.activity-intro-tab.active::after {
    border-top-color: #fdb933;
    border-right-color: #fdb933;
}
.cuisine-head,
.cuisine-info-list-img::after,
.activity-head,
.activity-info-list-img::after {
    color: #000; /* 會被主色影響 */
    border-color: #000; /* 會被主色影響 */
}
.cuisine-intro-box-1::before,
.cuisine-info-list-img::before,
.activity-intro-box-1::before,
.activity-info-list-img::before {
    background-color: #fdb933;
}

/* 版型獨佔 list-style */
.pre-html-tag ul li::before,
.list-exc li::before,
.room-list-head::before,
.room-intro-txt dt::before {
    background-color: #fdb933;
}

@media screen and (min-width: 768px) {
    footer {background-color: #fdb933;}
    /*footer-社群icon*/
    .footer-share-list li {background-size: 300px 152px;}
    .footer-share-list .facebook-link {background-position: 0 -102px;}
    .footer-share-list .line-link {background-position: -50px -102px;}
    .footer-share-list .googleplus-link {background-position: -100px -102px;}
    .footer-share-list .flicker-link {background-position: -150px -102px;}
    .footer-share-list .weibo-link {background-position: -200px -102px;}
    /*footer-資訊類icon*/
    .footer-infor-icon {background-size: 150px 76px;}
    .footer-infor-icon.for-address {background-position: 0 -27px;}
    .footer-infor-icon.for-phone {background-position: -24px -27px;}
    .footer-infor-icon.for-fax {background-position: -48px -27px;}
    .footer-infor-icon.for-email {background-position: -72px -27px;}
    .footer-infor-icon.for-gps {background-position: -96px -27px;}
    .footer-infor-icon.for-line {background-position: -72px 0;}
    .footer-infor-icon.for-wechat {background-position: -96px 0;}
    .footer-infor-icon.for-whatsapp {background-position: -120px 0;}
}
@media screen and (max-width: 767px) {
    .slogan {background-color: #fdb933;}
    .room-head,
    .album-head {background-color: #f8f8f8;}
    footer a {color: #fdb933;}
}