:root {
    color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
    ::selection {
        background: #aaa !important;
    }

    #_popIn_side_pc ._popIn_recommend_article {
        border-bottom: 1px solid #2f3336 !important;
    }

    #_popIn_side_pc ._popIn_recommend_article:hover > ._popIn_recommend_art_title a {
        color: #17bf63 !important;
    }

    .c-authorBlock {
        border: 1px solid #2f3336 !important;
    }

    .c-articleCard:hover .c-articleCard__desc {
        filter: brightness(1.5) !important;
    }

    .c-articleCard__desc {
        background-color: #14181a !important;
    }

    .c-articleCard__thumbnail {
        background-color: #14181a !important;
    }

    .c-authorCard {
        background-color: #14181a !important;
        border: 1px solid #2f3336 !important;
    }

    .c-authorCard:after {
        border-color: transparent transparent #2f3336 transparent !important;
    }

    .c-authorCard:before {
        border-color: transparent transparent #14181a transparent !important;
    }

    .c-authorCardBtn__item+.c-authorCardBtn__item {
        border-left: 1px solid #2f3336 !important;
    }

    .c-authorCard__btnGroup {
        border-top: 1px solid #2f3336 !important;
    }

    .c-bill tfoot td, .c-bill tfoot th {
        border-top: 1px solid #2f3336 !important;
    }

    .c-btn--third:hover {
        color: #17bf63 !important;
    }

    .c-dropdown--bar .is-valued+.c-dropdown__select>li>span {
        background-color: #000 !important;
        border: 1px solid #2f3336 !important;
        color: #d9d9d9 !important;
    }

    .c-dropdown--sort .c-dropdown__select ul {
        -webkit-box-shadow: 0 1px 5px 0 rgba(255,255,255,.18) !important;
        background-color: #2f3336 !important;
        box-shadow: 0 1px 5px 0 rgba(255,255,255,.18) !important;
    }

    .c-dropdown--sort .c-dropdown__select ul:before {
        -webkit-box-shadow: -2px 2px 7px 0 rgba(255,255,255,.18) !important;
        border: 3px solid #2f3336 !important;
        border-color: transparent transparent #2f3336 #2f3336 !important;
        box-shadow: -2px 2px 7px 0 rgba(255,255,255,.18) !important;
    }

    .c-dropdown--sort .c-dropdown__select>li>span {
        background-color: #000 !important;
        color: #d9d9d9 !important;
    }

    .c-dropdown__select ul {
        border: 1px solid #2f3336 !important;
    }

    .c-dropdown__select ul li {
        background-color: #2f3336 !important;
        color: #d9d9d9 !important;
        cursor: pointer !important;
    }

    .c-dropdown__select ul li.selected, .c-dropdown__select ul li:hover {
        background-color: #17bf63 !important;
        color: #d9d9d9 !important;
    }

    .c-dropdown__select>li>span {
        background: #000 !important;
        border: 1px solid #000 !important;
        color: #d9d9d9 !important;
    }

    .c-filter {
        background-color: #14181a !important;
    }

    .c-friendCard+.c-friendCard {
        border-top: 1px solid #2f3336 !important;
    }

    .c-friendCard__open {
        background-color: #14181a !important;
    }

    .c-group__options {
        background-color: #14181a !important;
    }

    .c-group__options:before {
        border-color: transparent transparent #14181a #14181a !important;
    }

    .c-icon--socialCopy:after, .c-icon--socialCopy:before {
        filter: brightness(0.8) !important;
    }

    .c-iconLink--gn {
        color: #17bf63 !important;
    }

    .c-iconLink:hover {
        color: #17bf63 !important;
    }

    .c-link--gn {
        color: #17bf63 !important;
    }

    .c-link:hover {
        color: #17bf63 !important;
        filter: brightness(1.2) !important;
    }

    .c-pagination {
        border: 1px solid #2f3336 !important;
    }

    .c-pagination--next {
        background-position-x: center !important;
        background-position-y: center !important;
    }

    .c-pagination--prev {
        background-position-x: center !important;
        background-position-y: center !important;
    }

    .c-panel__item {
        background-color: #14181a !important;
        border: 1px solid #2f3336 !important;
    }

    .c-panel_content {
        background-color: #14181a !important;
    }

    .c-popUp__title {
        background-color: #2f3336 !important;
    }

    .c-productStatus {
        background-color: #14181a !important;
    }

    .c-searchBox.is-active .c-searchBox__search,
    .c-searchBox.is-active .c-searchBox__topic {
        background-color: #000 !important;
        height: 36px !important;
    }

    .c-selectItem:hover .c-selectItem__title {
        color: #17bf63 !important;
    }

    .c-summary {
        border-left: 3px solid #2f3336 !important;
    }

    .c-summary__desc {
        color: #d9d9d9 !important;
    }

    .c-textEditor__toolBar {
        border-color: #2f3336 !important;
    }

    .c-textStatistics {
        border: 1px solid #2f3336 !important;
    }

    .c-textarea {
        background-color: #000 !important;
        border: 1px solid #2f3336 !important;
        color: #d9d9d9 !important;
    }

    .c-textbox {
        background-color: #000 !important;
        border: 1px solid #2f3336 !important;
        color: #d9d9d9 !important;
    }

    .c-textbox, .c-textbox:focus {
        color: #d9d9d9 !important;
    }

    .c-toggleTrigger--searchBar {
        border: 1px solid #2f3336 !important;
    }

    .c-toggleTrigger--searchBar.is-open {
        border-bottom: 0 !important;
    }

    .content-side {
        background-color: #000 !important;
    }

    .cse .gsc-control-cse, .gsc-control-cse {
        background-color: #000 !important;
        border: 1px solid #000 !important;
    }

    .fancybox-content {
        background: #2f3336 !important;
    }

    .fancybox-is-open .fancybox-bg {
        opacity: 0.95 !important;
    }

    .group-img-thumbs .l-thumbGallery__item {
        background-color: #2f3336 !important;
    }

    .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
        color: #d9d9d9 !important;
    }

    .gsc-above-wrapper-area {
        border-bottom: 1px solid #2f3336 !important;
    }

    .gsc-orderby-label {
        color: #d9d9d9 !important;
    }

    .gsc-result-info {
        color: #d9d9d9 !important;
        text-align: left !important;
    }

    .gsc-results .gsc-cursor-box .gsc-cursor-page {
        background-color: #000 !important;
        border-color: #2f3336 !important;
        color: #d9d9d9 !important;
    }

    .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
        background-color: #2fa651 !important;
        border-color: #2fa651 !important;
        color: #ffffff !important;
    }

    .gsc-results-wrapper-visible {
        background-color: #000 !important;
        border-color: #000 !important;
    }

    .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
        background-color: #000 !important;
        border-color: #000 !important;
    }

    .l-articlePage {
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-articlePage__publish blockquote {
        border-left: 3px solid #d9d9d9 !important;
        color: #d9d9d9 !important;
        filter: brightness(0.8) !important;
    }

    .l-articleReply {
        border: 1px solid #2f3336 !important;
    }

    .l-content__main {
        border-right: 1px solid #2f3336 !important;
    }

    .l-docking.is-docking {
        background-color: #14181a !important;
    }

    .l-footer {
        background-color: #000 !important;
    }

    .l-footer__copyright {
        background-color: #000 !important;
    }

    .l-footer__links {
        background-color: #14181a !important;
        border-bottom: 1px solid #2f3336 !important;
        border-top: 1px solid #2f3336 !important;
    }

    .l-headerTools__login {
        border-left: 1px solid #2f3336 !important;
    }

    .l-header__group {
        border-right: 1px solid #2f3336 !important;
    }

    .l-header__left picture {
        filter: grayscale(100%) brightness(2) !important;
    }

    .l-header__main {
        background-color: #000 !important;
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-header__nav:after {
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-helpLink {
        background-color: #14181a !important;
    }

    .l-journeyMap__desc--bg {
        background-color: #14181a !important;
    }

    .l-listTable--msg .l-listTable__tr:hover {
        background-color: #14181a !important;
    }

    .l-listTable__tbody {
        background-color: #000 !important;
    }

    .l-listTable__thead {
        background-color: #13181A !important;
    }

    .l-listTable__thead .l-listTable__tr {
        border-top: 1px solid #2f3336 !important;
    }

    .l-listTable__tr {
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-memberIntro {
        background-color: #14181a !important;
    }

    .l-memberIntro__interact+.l-memberIntro__record {
        border-top: 1px solid #2f3336 !important;
    }

    .l-menu {
        background-color: #14181a !important;
    }

    .l-pagination .is-active a {
        background-color: #17bf63 !important;
        border: 1px solid #17bf63 !important;
        color: #fff !important;
    }

    .l-personalPanel {
        background-color: #14181a !important;
    }

    .l-promptBlock {
        background-color: #14181a !important;
    }

    .l-publish__content {
        border-top: 1px solid #2f3336 !important;
    }

    .l-searchBarToggle {
        border-color: #2f3336 !important;
    }

    .l-searchCard {
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-selectedList li {
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-separationBg {
        background: linear-gradient(to bottom,#000 0,#000 3%,#000 100%) !important;
        background-color: #000 !important;
    }

    .l-signInPage__content {
        border: 1px solid #2f3336 !important;
    }

    .l-specialIntro {
        background-color: #000 !important;
    }

    .l-thumbGallery--thumbs .l-thumbGallery__item {
        border: 1px solid #2f3336 !important;
    }

    .l-toolBar__item {
        border-right: 1px solid #000 !important;
    }

    .o-fBase {
        color: #d9d9d9 !important;
    }

    .o-hashtag {
        background-color: #14181a !important;
        color: #d9d9d9 !important;
    }

    .o-hashtag.is-default, .hashtag .o-hashtag {
        background-color: #d9d9d9 !important;
        color: #000 !important;
    }

    .o-hashtag.is-heightLight, .o-hashtag:hover {
        background-color: #17bf63 !important;
        color: #ffffff !important;
    }

    .o-hashtag.is-notice {
        background-color: #d9d9d9 !important;
        color: #000000 !important;
    }

    .sf-menu > li > ul > li, .sf-menu ul ul li {
        border-top: 1px solid #2f3336 !important;
    }

    .sf-menu a {
        border-left: 1px !important;
        border-top: 1px !important;
    }

    .sf-menu a:hover {
        color: #17bf63 !important;
    }

    .sf-menu li {
        background-color: #14181a !important;
    }

    .sf-menu ul {
        box-shadow: 2px 2px 6px rgba(255,255,255,.2) !important;
    }

    .u-distinguish {
        background-color: #14181a !important;
    }

    a {
        color: #d9d9d9 !important;
    }

    article a, .vendor_contact a, .l-msgBlock a{
        color: #17bf63 !important;
    }

    article a > font{
        color: #30a651 !important;
    }

    article font, article td font{
        color: #d9d9d9 !important;
    }

    article pre {
        color: #d9d9d9 !important;
    }

    article td, [data-tab-id='info'] td{
        background-color: #000 !important;
        color: #d9d9d9 !important;
    }

    [data-tab-id='info'] font ,[data-tab-id='info'] td font{
        color :#d9d9d9 !important;
    }

    body, html {
        background-color: #000 !important;
        color: #d9d9d9 !important;
    }

    hr {
        border-top: 1px solid #2f3336 !important;
    }

    img[src$="avatar.png"] {
        filter: brightness(0.8) !important;
    }

    img[src$="avatar@2x.png"] {
        filter: brightness(0.8) !important;
    }

    img[src$="footer-rss.svg"] {
        filter: brightness(0.9) !important;
    }

    main.l-main {
        background-color: #000 !important;
    }

    .cse_block_container {
        border: 1px solid #000 !important;
    }

    .styleable-rootcontainer {
        background-color: #000 !important;
    }

    .c-btn--primary {
        color: #fff !important;
    }

    .c-pecialIntroTitle {
        color: #d9d9d9 !important;
    }

    .l-groupTable {
        border: 1px solid #2f3336 !important;
    }

    .l-groupTable__title {
        background-color: #000 !important;
        border-bottom: 1px solid #2f3336 !important;
    }

    .l-groupTable__open {
        background-color: #2f3336 !important;;
    }

    .l-qnaEditBlock {
        background-color: #000 !important;
    }

    .l-qnaBlock {
        background-color: #000 !important;
    }

    .c-defaultBlock__desc, .o-fSubMini, .o-fNotes {
        color: #d9d9d9 !important;
    }

    .l-footer__copyright .list > span > a > img{
        filter:brightness(0.8);
    }

    .u-overflow:after {
        height: unset;
    }

    .c-progressBar {
        background-color: #000000 !important;
    }

    .c-progressBar__item.is-active .c-progressBar__text {
        color: #d9d9d9 !important;
    }

    .c-memberPic--border {
        border: 5px solid #2F3336;
    }

    .o-tabSwiperNav--prev {
        background-image: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(216,216,216,0))) !important;
        background-image: -webkit-linear-gradient(left,#000,rgba(216,216,216,0)) !important;
        background-image: -o-linear-gradient(left,#000,rgba(216,216,216,0)) !important;
        background-image: linear-gradient(to right,#000,rgba(216,216,216,0)) !important;
    }

    .o-tabSwiperNav--next {
        background-image: -webkit-gradient(linear,right top,left top,from(#000),to(rgba(216,216,216,0))) !important;
        background-image: -webkit-linear-gradient(right,#000,rgba(216,216,216,0)) !important;
        background-image: -o-linear-gradient(right,#000,rgba(216,216,216,0)) !important;
        background-image: linear-gradient(to left,#000,rgba(216,216,216,0)) !important;
    }

    .c-icon--btnbookingGn:before {
        background-image: url(https://attach2.mobile01.com/images/icons/hover/document-booking-gn-dark.svg) !important;
    }

    .introjs-showElement span {
        color : black !important;
    }

    .introjs-tooltip {
        color : black !important;
    }

    .introjs-button {
        color : black !important;
    }
    .introjs-disabled {
        color : #9a9a9a !important;
    }
    .fixedbottom .dialog {
        background-color: #000000;
        box-shadow: 0px -1px 5px #222222;
    }
    .ui-menu {
        background: #000 !important;
        color: rgb(217,217,217);
        border: 1px solid #2f3336 !important
    }
    .msgItem, .messageList .emotion .c-tabNav, .l-msgEditBlock .c-tabNav, .l-msgBlock .c-tabNav{
        border-bottom: 1px solid #2f3336 !important;
    }
    .msgItem:last-child {
        border-bottom: 0px !important;
    }
    .l-emCardGroup__attached .swiper-pagination-bullet {
        background: #fff;
    }
    .l-msgBlock, .l-msgEditBlock .emotion {
        background-color: #000 !important;
    }
    .l-msgEditBlock, .l-msgBlock .emotion{
        background-color: #14181a !important;
    }
    .l-msgBlock .msg_content {
        background-color: #14181a !important;
    }
    .l-msgBlock .msg_content:before {
        border-color: transparent transparent #14181a #14181a !important;
    }
    .msg_l-toolBar:before {
        border-color: #14181a #14181a transparent transparent !important;
    }
    .l-msgBlock .msg_content font{
        color: #d9d9d9 !important;
    }
    .pmsg_content {
        border-bottom: 1px solid #2f3336 !important;
    }
}