body.darkTheme {background: #333;
 
--darkBGblack555: linear-gradient(130deg, #333, #777, #333);
--darkBGblack333: linear-gradient(130deg, #333, #000, #333);
--darkBGred: linear-gradient(130deg, #fe4543, #a8302b, #fe4543);
}

.darkTheme header {background: #222; box-shadow: 0 0 16px #000;}

header .logo {background: url(/img/logo.png) center no-repeat; background-size: contain;}
header .logo img {opacity: 0;}
.darkTheme header .logo {background: url(/img/logo_dark.png) no-repeat; background-size: contain;}
.darkTheme header ul li {color: #fff;}
.darkTheme header .divider:before {background: linear-gradient(90deg,transparent,#fff);}
.darkTheme header .divider:after {background: linear-gradient(270deg,transparent,#fff);}
.darkTheme header .navBtn_icon .box {background: linear-gradient(130deg, #4e3830 7%, #88754b 49%, #5e401a 50%, #4e3830 93%); border: 1px solid #83653b; } 
.darkTheme .navBtn_icon .box .tooltip {color: #ffd;}

.darkTheme header .navBtn_txt .user,
.darkTheme header .navBtn_txt .user .refresh {color: #fff;}
.darkTheme header .navBtn_icon .box.m_menu {color: #fff;}


.darkTheme .mainBtn .row2 {background: var(--darkBGblack555); color: #fff;}
.darkTheme .mainBtn .row2.campaign .cont li {color: #fff; background: var(--darkBGblack333); border: 1px solid #777;}
.darkTheme .mainBtn .row2.campaign .cont li:hover {color: #fff; background: var(--darkBGred);}
.darkTheme .mainBtn .row2:hover .cont {background: var(--darkBGblack555);}
.darkTheme .mainBtn .row2 .title span {color: #ffd750 ;}
.darkTheme .mainBtn .row2 .cont li {color: #fff; background: var(--darkBGblack333);  border: 1px solid #777; box-sizing: border-box;}
.darkTheme .gameBtn .txt {background: transparent; color: #fff;}
.darkTheme .categories {background: var(--darkBGblack555); color: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, .4);}
.darkTheme .categories .search input {background: var(--darkBGblack333); color: #fff;}
.darkTheme .categories ul li {background: var(--darkBGblack333); color: #fff; border: 1px solid #777; box-sizing: border-box;}
.darkTheme .gameCont2 .gameBtn {background: var(--darkBGblack555); box-shadow: 0 0 25px rgba(0, 0, 0, .4);}
.darkTheme .gameCont2 li {color: #fff; background: var(--darkBGblack333); border: 1px solid #777; box-sizing: border-box;}

.darkTheme .gameBtnListProv {background: #eee !important;}


.darkTheme .popup_form[name="login"] {background: #222 !important;}
.popup_form[name="login"] .logo {background: url(/img/logo.png) center no-repeat; background-size: contain;}
.popup_form[name="login"] .logo img {opacity: 0;}
.darkTheme .popup_form[name="login"] .logo {background: url(/img/logo_dark.png) center no-repeat; background-size: contain;}

.darkTheme .popup_wrap .popup_cont .popup_step {border: none}
.darkTheme .popup_wrap .popup_cont .popup_form {background: var(--darkBGblack333);}
.darkTheme .popup_form .inputTitle {color: #fff;}

.darkTheme .inputDesc {color: #ccc !important;}

.darkTheme .campaign_nav .cont {border-bottom: 1px solid #777;}
.darkTheme .campaign_nav .cont li {background: var(--darkBGblack333); color: #fff; border-right: 1px solid #777;}
.darkTheme .campaign_nav .cont li:hover {background: var(--darkBGred);}

.darkTheme .seasonList ul li.fin {background: var(--darkBGred) !important;}

.darkTheme .subCont {color: #fff;}
.darkTheme .final .title {color: #fff;}
.darkTheme .final .cont {color: #fff;}
.darkTheme .teamList ul {color: #fff;}
.darkTheme .teamList ul > li:hover {background: #555 !important;}
.darkTheme .teamList .details li {background: #222;}
.darkTheme .final .title div span {color: #fff !important;}
.darkTheme .seasonList ul:nth-child(1) li:nth-child(2n),
.darkTheme .seasonList ul:nth-child(2) li:nth-child(2n+1),
.darkTheme .ranking ul li:nth-child(2n),
.darkTheme .terms_cont .rewards table tr:nth-child(2n),
.darkTheme .terms_cont .rule p,
.darkTheme .terms_cont .guide p,
.darkTheme .teamList .teamRed > li,
.darkTheme .teamList .teamBlue > li,
.darkTheme .campaign_race .ranking ul li:nth-child(2n),
.darkTheme .qna li.active {background: var(--darkBGblack555);}

.darkTheme .terms_cont .rule p:nth-child(2n),
.darkTheme .terms_cont .guide p span,
.darkTheme .teamList .teamRed > li:nth-child(2n),
.darkTheme .teamList .teamBlue > li:nth-child(2n),
.darkTheme .campaign_race .ranking ul li:nth-child(4n),
.darkTheme .campaign_race .ranking ul li:nth-child(4n+1) {background: var(--darkBGblack333)}

.darkTheme .teamList .teamInfo img {background: #fff; border-radius: 50%;}

.darkTheme .popup_form[name="culcheck"] .culUL li,
.darkTheme .popup_form[name="urgent"] .cont,
.darkTheme .popup_form[name="login"] .text,
.darkTheme .qna {color: #fff;}

.darkTheme .sub_title,
.darkTheme .sub_title span {color: #fff;}

.darkTheme .eventnewbie_cont .event1 ul li {color: #fff; background: var(--darkBGblack333);}
.darkTheme .eventnewbie_cont .infoBox {background: var(--darkBGblack555); color: #fff;}
.darkTheme .eventnewbie_cont .event1 ul li div.des1 {color: #ccc;}

.darkTheme .en_graph, 
.darkTheme .en_depoEvent {background: var(--darkBGblack333);}
.darkTheme .en_graph .en_svg svg circle {stroke: #555}
.darkTheme .eventlistWrap ul li .desc {background: var(--darkBGblack555); color: #fff;}

.darkTheme .viewCont .viewContBg {background: url(/img/patternBg.png) #777;}
.darkTheme .viewFooter {background: var(--darkBGblack333); color: #fff;}

.viewFooter .logo {background: url(/img/logo.png) center no-repeat; background-size: contain; margin: 0 10px -5px 5px;}
.viewFooter .logo img {opacity: 0;}
.darkTheme .viewFooter .logo {background: url(/img/logo_dark.png) center no-repeat; background-size: contain; }
.darkTheme .viewFooter ul li {color: #fff;}

.darkTheme .viewFooter .navBtn_icon .box {background: linear-gradient(130deg, #4e3830 7%, #92722c 49%, #5e401a 50%, #4e3830 93%); border: 1px solid #83653b; } 
.darkTheme .viewFooter .navBtn_icon .box .tooltip {color: #ffd;}

.darkTheme .viewCont .viewDiv {background: #000;}
.darkTheme .viewCont .viewDiv .mid .nogame {color: #fff;}

.darkBtn i {padding: 0 3px;}
.ms-dd .ms-value-input {opacity: 0;}

.darkTheme nav {background: var(--darkBGblack555);}
.darkTheme nav .user {color: #fff;}
.darkTheme nav .wallet div {color: #fff; background: var(--darkBGblack333);}
.darkTheme nav dl {background: var(--darkBGblack333);}
.darkTheme nav dl dd {color: #fff; background: #333; border: 1px solid #999;}

.darkTheme .footer__menu-item {color: #fff;}
.darkTheme .guild .ranking ul li:nth-child(4n),
.darkTheme .guild .ranking ul li:nth-child(4n+1) {background: var(--darkBGblack333);}
.darkTheme .guild .ranking ul li:nth-child(2n) {background: var(--darkBGblack555);}

.darkTheme .teamList .teamInfo .btn i {color: #fff;}
.darkTheme .teamList .teamInfo .btn i:hover {color: #ccc;}

.darkTheme .subCont .notice .desc div {background: var(--darkBGblack555); color: #fff;}
.darkTheme .subCont .notice .desc div span {color: #000;}

.darkTheme .guildNoti > div {background: var(--darkBGblack555);}
.darkTheme .guildNoti textarea {background: var(--darkBGblack333); color: #fff; border: 1px solid #777;}
.darkTheme .guildNoti span {color: #fff !important;}

.darkTheme .memberList ul li:nth-child(4n), 
.darkTheme .memberList ul li:nth-child(4n+1) {background: var(--darkBGblack333);}
.darkTheme .guildBoard table {background: none;}
.darkTheme .guildBoard table td span {background: #fff; padding: 3px 5px; border-radius: 3px;}
.darkTheme .guild_gift ul li.notarget {background: none;}

.darkTheme .settingWrap {background: var(--darkBGblack333);}

.darkTheme .cont_top {color: #fff;}


.darkTheme #co_area2 img {background: #fff; padding: 2px; border-radius: 5px;}
.darkTheme .skillText .title span {background: #fff; padding: 1px 3px; border-radius: 3px;}



.darkTheme .campaignList .txt {color: #fff;}
.darkTheme .campaignList .eng {color: #ccc;}
.darkTheme .campaignList .date {color: #ccc}

.darkTheme .dealerChoice {border: 1px solid #555;}
.darkTheme .mainBtn .dealerChoice .modelList li {background: radial-gradient(closest-corner, #c00021, #800a1e, #3f020b); border: 1px solid #555; }
.darkTheme .mainBtn .dealerChoice .modelList li.active {background: radial-gradient(closest-corner, #3f020b, #800a1e, #c00021);}

.darkTheme .modelGames .gameBtn {
    background: var(--darkBGblack555);
    box-shadow: 0 0 25px rgba(0, 0, 0, .4);
} 
.darkTheme .modelGames li {
    color: #fff;
    background: var(--darkBGblack333);
    border: 1px solid #777;
    box-sizing: border-box;
}

.darkTheme .mainBtn .dealerChoice .rec_title {color: #fff; }
.darkTheme .mainBtn .dealerChoice .rec_title span {color: #ccc;}