::-moz-selection {
    background: #ad683b
}

::selection {
    background: #ad683b
}

.wrapper {
    background-color: #000
}

#menu button {
    color: #b2591b
}

#menu button:before {
    background-image: url("button.png")
}

#menu button:after {
    background-image: url("button_arr.png")
}

#menu .scroll h6 {
    color: #bcaa83
}

#menu .scroll .myh6 {
    color: #bcaa83
}

header {
    border-bottom: 1px solid rgba(188, 170, 131, 0.3)
}

header #logo a {
    background-image: url("page_logo.png")
}

header nav li a {
    color: #bcaa83
}

header nav li a:before {
    background: url("icon_nav.png") no-repeat center 0
}

header nav li a.act, header nav li a:hover {
    color: #d8c18f
}

header nav li a.act:before, header nav li a:hover:before {
    background-image: url("icon_nav_on.png")
}

header nav #social div {
    color: #bcaa83
}

header nav #social div a {
    background-image: url("icon_social.png")
}

header nav:before {
    color: rgba(188, 170, 131, 0.3)
}

header #member {
    border-bottom: 1px solid rgba(177, 132, 101, 0.3)
}

header #member figure img {
    background-image: url("member_brand.png")
}

header #member span {
    color: #d8c18f
}

header.on {
    background-color: #c36f35
}

#index section .content .bx-wrapper .bx-pager .bx-pager-item a.active {
    background-color: #ad683b
}

#index section .content #main hr {
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

#index section .content #main .scroll #member figure img {
    background-image: url("member_brand.png")
}

#index section .content #main .scroll #member span {
    color: #d8c18f
}

#index section .content #main .scroll #middle {
    border-top: 1px solid rgba(177, 132, 101, 0.3)
}

#index section .content #main .scroll #middle h3 {
    color: #d8c18f
}

#index section .content #main .scroll #middle #right:before {
    background-color: rgba(177, 132, 101, 0.3)
}

#index section .content #main .scroll #middle #right .personalize #info {
    color: #d8c18f
}

#index section .content #main .scroll #middle #right .personalize #info #weather figure:before, #index section .content #main .scroll #middle #right .personalize #info #weather figure figcaption {
    color: #dcc79a
}

#index section .content #main .scroll #middle #right .personalize#Monday #mood {
    background-image: url("../../index/personalize/white/Monday.png")
}

#index section .content #main .scroll #middle #right .personalize#Tuesday #mood {
    background-image: url("../../index/personalize/white/Tuesday.png")
}

#index section .content #main .scroll #middle #right .personalize#Wednesday #mood {
    background-image: url("../../index/personalize/white/Wednesday.png")
}

#index section .content #main .scroll #middle #right .personalize#Thursday #mood {
    background-image: url("../../index/personalize/white/Thursday.png")
}

#index section .content #main .scroll #middle #right .personalize#Friday #mood {
    background-image: url("../../index/personalize/white/Friday.png")
}

#index section .content #main .scroll #middle #right .personalize#Saturday #mood {
    background-image: url("../../index/personalize/white/Saturday.png")
}

#index section .content #main .scroll #middle #right .personalize#Sunday #mood {
    background-image: url("../../index/personalize/white/Sunday.png")
}

#index section .content #main .scroll #middle #right .personalize#Christmas #mood {
    background-image: url("../../index/personalize/white/Christmas.png")
}

#index section .content #main .scroll #middle #item {
    background-image: url("main_item.png")
}

#index section .content #main .scroll #bottom #video a:before {
    border-color: transparent transparent transparent #fff
}

#index section .content #main .scroll #bottom #video a span {
    background-color: #1a1a1a
}

#index section .content #main .scroll #bottom #news {
    background: #fff
}

#index section .content #main .scroll #bottom #news h3 {
    color: #55280B
}

#index section .content #main .scroll #bottom #news a {
    color: #ad683b
}

#index section .content #main .scroll #bottom #news a:hover {
    color: #c58256
}

#index section .content #main #bg {
    background-image: url("main_bg.jpg")
}

.news section, .about section {
    background-color: #c36f35
}

.news section .content p, .about section .content p {
    color: #efefef !important
}

.news section .content h2, .news section .content h6, .news section .content span, .news section .content a, .about section .content h2, .about section .content h6, .about section .content span, .about section .content a {
    color: #d8c090
}

.news .content h2 {
    background-image: url("news_tit.png")
}

.news .content li:hover a {
    color: #e5d5b6
}

.news .content .inner .tit a {
    background-image: url("news_btn.png")
}

.news .content .inner .tit a:hover {
    background-image: url("news_btn.gif")
}

.about .content h2 {
    background-image: url("about_tit.png")
}

.about .content .inner .con .column .btn {
    background-color: #914917
}

@media only screen and (min-width: 1200px) {
    #menu button:hover {
        background-color: #b2591b
    }

    #menu button:hover:after {
        background-image: url("button_arr_hover.png")
    }

    #index header #logo a {
        background-image: url("logo.png")
    }

    .about .content .inner .con .column a:hover {
        color: #914917
    }
}

@media only screen and (max-width: 1199px) {
    #menu button {
        color: #b2591b
    }

    #menu button:before, #menu button:hover:before {
        background-image: url("button_m.png")
    }

    #menu button:after {
        background-image: url("button_arr_m.png")
    }

    header button:nth-of-type(1) span {
        background-color: #d8c18f
    }

    header button:nth-of-type(1) span:before, header button:nth-of-type(1) span:after {
        background-color: #d8c18f
    }

    header button:nth-of-type(2) img {
        background-image: url("member_brand.png")
    }

    header nav ul:before, header nav ul:after {
        color: #bcaa83
    }

    header.open #member div span {
        color: #b2591b
    }

    #index #menu button:before {
        background-image: url("button_m_bn.png")
    }

    #index #menu button:after {
        background-image: url("button_arr_bn.png")
    }

    #index #menu button span {
        color: #55280B
    }

    #index header button:nth-of-type(1) span {
        background-color: #55280B
    }

    #index header button:nth-of-type(1) span:before, #index header button:nth-of-type(1) span:after {
        background-color: #55280B
    }

    #index header button:nth-of-type(2) img {
        background-image: url("member_brand_bn.png")
    }

    #index header #logo a {
        background-image: url("logo.png")
    }

    #index.menuOn .wrapper, .page.menuOn .wrapper {
        background-color: #000
    }

    #index.menuOn .wrapper #menu button span:before, #index.menuOn .wrapper #menu button span:after, .page.menuOn .wrapper #menu button span:before, .page.menuOn .wrapper #menu button span:after {
        background-color: #55280B
    }
}