::-moz-selection {
    background: #ec6f74
}

::selection {
    background: #ec6f74
}

.wrapper {
    background-color: #6d3133
}

#menu button {
    color: #c6474c
}

#menu button:before {
    background-image: url("button.png")
}

#menu button:after {
    background-image: url("button_arr.png")
}

#menu .scroll h6 {
    color: #f0938b
}

#menu .scroll .myh6 {
    color: #f0938b
}

header {
    border-bottom: 1px solid rgba(240, 147, 139, 0.2)
}

header #logo a {
    background-image: url("logo.png")
}

header nav li a {
    color: #2c7186
}

header nav li a:before {
    background: url("icon_nav.png") no-repeat center 0
}

header nav li a.act:before, header nav li a:hover:before {
/*    background-image: url("icon_nav_on.png")*/
}

header nav #social div {
    color: #2c7186
}

header nav #social div a {
    background-image: url("icon_social.png")
}

header nav #social:before {
    color: rgba(240, 147, 139, 0.2)
}

header #member {
    border-bottom: 1px solid rgba(255, 175, 177, 0.3)
}

header #member figure img {
    background-image: url("member_brand.png")
}

header #member span {
    color: #ec6f74
}

header.on {
    background-color: #f6dbda
}

#index section .content .bx-wrapper .bx-pager .bx-pager-item a.active {
    background-color: #ec6f74
}

#index section .content #main .scroll #member figure img {
    background-image: url("member_brand.png")
}

#index section .content #main .scroll #member span {
    color: #eb5156
}

#index section .content #main .scroll #middle {
    border-top: 1px solid rgba(255, 175, 177, 0.3)
}

#index section .content #main .scroll #middle h3 {
    color: #eb5156
}

#index section .content #main .scroll #middle #right:before {
    background-color: rgba(255, 175, 177, 0.3)
}

#index section .content #main .scroll #middle #right .personalize #info {
    color: #eb5156
}

#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: #ed5f63
}

/*#index section .content #main .scroll #middle #right .personalize#Monday #mood {*/
/*    background-image: url("../../index/personalize/black/Monday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Tuesday #mood {*/
/*    background-image: url("../../index/personalize/black/Tuesday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Wednesday #mood {*/
/*    background-image: url("../../index/personalize/black/Wednesday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Thursday #mood {*/
/*    background-image: url("../../index/personalize/black/Thursday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Friday #mood {*/
/*    background-image: url("../../index/personalize/black/Friday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Saturday #mood {*/
/*    background-image: url("../../index/personalize/black/Saturday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Sunday #mood {*/
/*    background-image: url("../../index/personalize/black/Sunday.png")*/
/*}*/

/*#index section .content #main .scroll #middle #right .personalize#Christmas #mood {*/
/*    background-image: url("../../index/personalize/black/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 #ea586f
}

#index section .content #main .scroll #bottom #video a span {
    background-color: #fff
}

#index section .content #main .scroll #bottom #news {
    background: url("news_bg.jpg")
}

#index section .content #main .scroll #bottom #news h3 {
    color: #e9585e
}

#index section .content #main .scroll #bottom #news a {
    color: #ec6f74
}

#index section .content #main .scroll #bottom #news a:hover {
    color: #f29c9f
}

#index section .content #main #bg {
    background-image: url("main_bg.jpg")
}

.news section, .about section {
    background-color: #f6dbda
}

.news section .content h2, .about section .content h2 {
    color: #ed6f73
}

.news section .content h6, .news section .content span, .news section .content a, .about section .content h6, .about section .content span, .about section .content a {
    color: #25BDB9
}

.news .content h2 {
    background-image: url("news_tit.png")
}

.news .content li:hover a {
    color: #29d2ce
}

.news .content .inner .tit a {
    color: #f0938b;
    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: #21a8a4
}

@media only screen and (min-width: 1200px) {
    #menu button:hover {
        background-color: #c6474c
    }

    #menu button:hover:after {
        background-image: url("button_arr_hover.png")
    }

    .about .content .inner .con .column a:hover {
        color: #21a8a4
    }
    header nav li a.act, header nav li a:hover {
    color: #39768d
}
}

@media only screen and (max-width: 1199px) {
    header button:nth-of-type(1) span {
        background-color: #ec6f74
    }

    header button:nth-of-type(1) span:before, header button:nth-of-type(1) span:after {
        background-color: #ec6f74
    }

    header button:nth-of-type(2) img {
        background-image: url("member_brand.png")
    }

    header nav ul li a {
        opacity: 1 !important
    }

    header nav ul:before, header nav ul:after {
        color: #f0938b
    }

    header.open #member div span {
        color: #c6474c
    }

    header nav #social div {
        color: #c6474c;
    }

    #index.menuOn .wrapper, .page.menuOn .wrapper {
        background-color: #FE9EA1
    }

    #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: #ec6f74
    }
}
