:root {
    /* theme color */
    --highlight-color: #daff33;  /* 메인 핑크 */
    --highlight-bg-color: #ff3399;
    --highlight-bg-border-color: #ff3399;
    --highlight-bg-text-color: #fff;
    --normal-bg-color: linear-gradient(180deg, #1a1a1a, #0d0d0d);
    --normal-bg-border-color: #333333;
    --normal-bg-text-color: #fff;
    --red-bg-color: linear-gradient(180deg, #ff3399, #cc0066) !important;
    --red-bg-border-color: #ff3399;
    --red-bg-text-color: #fff;
    --blue-bg-color: linear-gradient(to bottom, #ff3399 1%, #cc0066 100%);
    --blue-bg-border-color: #ff3399;
    --blue-bg-text-color: #fff;
    --light-gray-bg-color: linear-gradient(to bottom, #2a2a2a 1%, #1a1a1a 100%);
    --light-gray-bg-border-color: #333333;
    --light-gray-bg-text-color: #fff;

    /* base */
    --icon-font: 'Font Awesome 5 Pro';
    --body-color: #e6e6e6;
    --body-text-color: #e6e6e6;
    --anchor-default-color: #1faea3;
    --anchor-hover-color: #ff66b3;

    /* form */
    --input-text-color: #e6e6e6;
    --input-text-placeholder-color: #999999;
    --input-bg-color: #ffffff;
    --input-border-color: #333333;
    --input-focus-border-color: #33f0ff;
    --input-text-disabled-color: #666666;
    --input-bg-disabled-color: #0d0d0d;
    --input-border-disabled-color: #333333;
    --input-check-radio-text-color: #fff;
    --input-checked-color: #ff3399;

    /* radius */
    --border-radius: 4px;

    /* common */
    --new-label-bg-color: #ff3399;
    --new-label-text-color: #fff;

    /* bg */
    --body-bg-color: #0d0d0d;
    --bet-bg-color: #1a1a1a;
    --bg-minigame-broadcasting: #1a1a1a;

    /* transparent */
    /* white */
    --white-opacity-percent-5: rgba(255, 51, 153, .05);
    --white-opacity-percent-10: rgba(255, 51, 153, .1);
    --white-opacity-percent-20: rgba(255, 51, 153, .2);
    --white-opacity-percent-30: rgba(255, 51, 153, .3);
    --white-opacity-percent-40: rgba(255, 51, 153, .4);
    --white-opacity-percent-50: rgba(255, 51, 153, .5);
    --white-opacity-percent-60: rgba(255, 51, 153, .6);
    --white-opacity-percent-70: rgba(255, 51, 153, .7);
    --white-opacity-percent-80: rgba(255, 51, 153, .8);
    --white-opacity-percent-90: rgba(255, 51, 153, .9);
    --white-opacity-percent-100: rgba(255, 51, 153, 1);

    /* black */
    --black-opacity-percent-5: rgba(0, 0, 0, .05);
    --black-opacity-percent-10: rgba(0, 0, 0, .1);
    --black-opacity-percent-20: rgba(0, 0, 0, .2);
    --black-opacity-percent-30: rgba(0, 0, 0, .3);
    --black-opacity-percent-40: rgba(0, 0, 0, .4);
    --black-opacity-percent-50: rgba(0, 0, 0, .5);
    --black-opacity-percent-60: rgba(0, 0, 0, .6);
    --black-opacity-percent-70: rgba(0, 0, 0, .7);
    --black-opacity-percent-80: rgba(0, 0, 0, .8);
    --black-opacity-percent-90: rgba(0, 0, 0, .9);
    --black-opacity-percent-100: rgba(0, 0, 0, 1);

    /* scroll */
    --scroll-bg-track: #1a1a1a;
    --scroll-bg-scrollbar: #1a1a1a;
    --scroll-bg-scrollbar-thumb: #ff3399;

    /* betting */
    --bet-normal-bg-color: linear-gradient(180deg, #1a1a1a, #0d0d0d);
    --bet-normal-border-color: #333333;
    --bet-normal-bg-shadow: inset 1px 1px rgba(255, 51, 153, .2);
    --bet-normal-game-name-color: #ff3399;
    --bet-normal-game-header-color: #000;
    --bet-normal-text-color: #e6e6e6;
    --bet-normal-date-text-color: #999999;
    --bet-normal-rating-text-color: #ff3399;
    --bet-normal-sports-body-bg: #0d0d0d;
    --bet-normal-more-text-color: #ff3399;
    --bet-normal-game-title-color: #ff3399;
    --bet-normal-active-bg-color: #ff3399;
    --bet-normal-active-border-color: #ff3399;
    --bet-normal-active-text-color: #fff;
    --bet-state-stay: #999999;
    --bet-state-cash: #ff3399;
    --bet-state-out: #ff3399;
    --bet-state-in-cash: #ff3399;
    --bet-state-out-cash: #ff3399;
    --bet-state-yes: #ff3399;
    --bet-state-no: rgba(255, 51, 153, .1);
    --bet-state-file: rgba(255, 51, 153, .1);
    --bet-state-read: #999999;
    --bet-state-cate: #fff;
    --bet-state-power: #ff3399;

    /* color state */
    --color-cash: #ff3399;
}


.level > [class*="lvlimg_"] {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}


.level .lvlimg_0 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}

.level .lvlimg_1 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_2 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_3 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_4 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_5 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_6 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}
.level .lvlimg_7 {
    content: url(/img/level/marvel/level-marvel.png?v=003);
}

body {
    color: #000000;
    background-image: radial-gradient(rgb(255 255 255 / 16%), rgb(0 0 0 / 50%)), url(/img/props/d11/marvel/bg-container.jpg?v=03);
    background-color: #ffffff;
    background-blend-mode: normal;
    background-position: center bottom;
    background-position-y: 60%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#container {
    color: #000000;
    background-color: transparent;

}


.page-background:before {
    height: 1181px;
    background-image: url(/img/props/d11/marvel/left-bg.png?v=03);
    background-position: bottom left;
    left: 0;
    animation: leftBgAnim 10s ease infinite;
    background-size: contain;
}

.page-background:after {
    height: 1034px;
    background-image: url(/img/props/d11/marvel/right-bg.png?v=02);
    background-position: bottom right;
    right: 0;
    top: 110px;
    animation: rightBgAnim 10s ease infinite;
    background-size: contain;
}


a.game_item {
    background: url(/img/props/d11/marvel/sort.png) no-repeat 50% 50% !important;
    background-size: cover !important;
    transition: all 0.3s 
ease-in-out !important;
    filter: brightness(1.2) !important;
}

.main_games .main_game_list li:before{
    background-color: rgb(0 234 255 / 55%);
    border: solid 1px #81cef4;
}
.main_games .main_game_list li:hover:before {
    transform: rotate(5deg) translate(-5px, -5px);
    border-color: #68d8ff;
    background-color: rgb(255 255 255 / 75%);
}

.main_games .main_game_list li .game_item .game_info {
background: linear-gradient(350deg, rgb(123 188 234 / 60%) 0%, rgb(125 164 191 / 80%) 25%, rgb(255 255 255 / 0%) 40%);
}

.main_games .main_game_list li .game_item {
   border: solid 1px #81d6f4; 
}

#header {

    background-color: transparent;
    box-shadow: 0 5px 10px rgb(255 255 255 / 70%);
}
#header .header_gnb .container-xxl {
    background: #45CFCE42;
}
#header .header_gnb .gnb > li > a > .icon {
    background-image: linear-gradient(#4CD2C0, #007F9E);
    color: rgb(255 255 255 / 75%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    background: radial-gradient(rgb(65 247 255), rgb(255 255 255 / 0%)),  url(/img/props/d11/marvel/bg-c-mainmenu.png);
    border: 3px groove #3ac5e7;
    background-size: 100% 100%;
}
#header .header_gnb .gnb > li > a:hover .icon {
    background-image: linear-gradient(#D7F0AC, #A2FF00);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px #A2FF00;
}
#header .header_gnb .gnb > li > a.total_on > .icon {
    position: relative;
    z-index: 1;
    
}

#header .header_gnb .gnb > li > a.total_on > .icon .gnb-li-icon-img{
   animation: bounceTwice 2s infinite;
}

#header .header_gnb .gnb > li > a.total_on > .icon::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
 
    padding: 2px;
    background: linear-gradient(90deg, #4CD2C0, #00FFE0, #007F9E, #4CD2C0);
    background-size: 300% 300%;
    z-index: -1;
    animation: shinyBorder 2s linear infinite;
}
@keyframes bounceTwice {
  0%, 10%, 100% { transform: translateX(0) translateY(0); }        /* rest */
  5%, 15% { transform: translateX(2px) translateY(-2px); }         /* first bounce */
  20%, 30% { transform: translateX(0) translateY(0); }             /* pause */
  25%, 35% { transform: translateX(2px) translateY(-2px); }        /* second bounce */
  40%, 50% { transform: translateX(0) translateY(0); }   
}


@keyframes shinyBorder {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


#header .header_gnb .gnb > li > a .txt {
    background: linear-gradient(#054d5b, #16d8ff);
}
#header .header_gnb .gnb > li > a .txt:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #054d5b;
}

.left_gnb .has-dropdown .gnb-dropdown {
    background: linear-gradient(#24c2da, #054d5b);
}

.top_sub_menu .has-dropdown .gnb-dropdown {
    background-color: #037682;
    background-image: linear-gradient(180deg, #007F9E, #037682);
}

.login_before .form li .btn_form {
    background-color: #e8fdff;
    box-shadow: 0 1px 1px rgb(31 103 110);
   text-shadow: none;
}
.login_before .form li .btn_form.btn_login {
    color: #00B5C9;
    background-color: #E6F8FA;
    background-image: linear-gradient(#ffffff, #E6F8FA);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgb(120 120 120), inset 0 2px 0 #00B5C9 , inset 0 -2px 0 #00B5C9 , inset 2px 0 0 #00B5C9 , inset -2px 0 0 #00B5C9;
}
.login_before .form li .btn_form.btn_join {
    background: linear-gradient(348deg, #00B5C9, #149baa);
}
.login_before .form li .btn_form.btn_join_unname {
    background: linear-gradient(348deg, #004fc9, #1470aa);
}
#header .header_top .top_menu .top_sub_menu {
    background: linear-gradient(1deg, #25B4D7, #45CECD);
    background: linear-gradient(rgb(0 244 255 / 33%), rgb(0 0 0 / 40%)), url(/img/props/d11/marvel/bg-topmenu.png);
    border: 3px groove #7ae5ff;
    background-size: 100% 100%;
    box-shadow: 0 0 12px #72ddff;
}
#header .header_top .top_menu li > a > .icon {

    background-color: #D5F9F4;
    background-image: linear-gradient(180deg, #D5F9F4, #8FE8F1);

}

#header .header_top .top_menu li:hover {

    background-color: rgb(3 118 130 / 0%);
    background-image: linear-gradient(180deg, rgb(146 239 247 / 59%), rgb(0 137 158 / 67%));
}

#header .header_top .top_menu > .img_logo > img,
#footer .footer_bottom .footer-logo
{
     filter: brightness(82);
     opacity:1;
}

#header .header_lnb .img_logo,
.loginbox-wrap .login-logo img,
.signup_ly .login-logo img{
    
}

#header .header_top .utils_menu.right_gnb li .btn_util {
   color: #555; 
    background-color: #E6F8FA;
    background-image: linear-gradient(#ffffff, #E6F8FA);
    text-shadow: unset;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgb(120 120 120), inset 0 2px 0 #00B5C9 , inset 0 -2px 0 #00B5C9 , inset 2px 0 0 #00B5C9 , inset -2px 0 0 #00B5C9;
    font-weight: 700;
}

#header .header_top .utils_menu.right_gnb li .btn_util .level .name {
  color: #555;  
}

#header .header_top .utils_menu.right_gnb li .btn_util em ,
#header .header_top .utils_menu li .btn_util i  {
    color: #00B5C9;
}

#header .header_top .utils_menu.right_gnb li .btn_util.btn-logout {
    background:linear-gradient(348deg, #00c9b2, #149baa);
       color: #fff; 
}


.page-background .dog {
    content: url(/img/props/d11/marvel/dog.png?v=03);
}
.page-background .fairy {
    content: url(/img/props/d11/marvel/fairy.png?v=03);
}

.jackpot_wrap .visual {
    background: url(/img/props/d11/marvel/Frame_odometer.png) 50% 0 no-repeat;
    filter:unset;
    background-size: 100%;
    border-radius: 15px;
}

.main_contents .main_board ,
.main_realtime .realtime_board_wrap .realtime_board {
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}
.main_contents .main_board .btn_more{
  color: #64707d;  
}

.main_contents .main_customer {
   border: 1px solid #81dbf4; 
    background-image: linear-gradient(#a9ddff00, #ffffffc4, #a4f3fe54), url(/img/props/d11/marvel/bg_sns.jpg?v=05);
    background-position: 100% 65%;
    background-size: 100%;
}

.main_realtime .realtime_board_wrap .realtime_board .title,
.main_contents .main_board .board_title h2{
    color: #64707d;
    background: linear-gradient(353.95deg, rgba(16, 148, 223, 0) 0%, #64707d 50.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.main_realtime .realtime_board_wrap .realtime_board .list.swiper-wrapper li.swiper-slide .inner span {
    color: #64707d;
}

.main_contents .main_board .list li .inner .txt ,
.main_contents .main_board .list li .inner .nickname {

    color: #64707d;
}


.main_games .game_section .game_title.title_casino {
    background-image: url(/img/props/d11/marvel/casino_game_list.png?v=02);
    background-size: auto 75px;
    height: 75px;
}

.main_games .game_section .game_title.title_slot {
    background-image: url(/img/props/d11/marvel/slot_game_list.png?v=02);
    background-size: auto 75px;
    height: 75px;
}



.main_games .game_section .game_title.title_holdem {
    background-image: url(/img/props/d11/marvel/holdem_game_list.png?v=02);
    background-size: auto 75px;
    height: 75px;
}

.main_contents .main_customer .customer_item .board_banner .banner_info .text {
    background: linear-gradient(#003641, #007889, #abffe7);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}



.popup_wrapper_d11 .popup_wrap {
    background-color: #f7fcfd;
    background-image: linear-gradient(#bae3f2, #e1fff1);
    border: solid 2px #2abcda;
    box-shadow: 0 5px 8px rgb(105 171 184), 0 2px 5px rgba(0, 0, 0, 1.0), inset 0 0 1px 1px rgba(0, 0, 0, 0.5);
}


.form-control, .form-select {
    color: #6a6a6a  !important;
    background-color: #f2fdff;
    border: solid 1px #a1a1a1;
}



.loginbox-wrap .login_btns {
    color:#000000;
}


.signup_ly .board_form dl dt label {
    color: #496388;
}

.selectbox select , .selectbox, .board_form dl dd .selectbox{
    background-color: #70b0bc;
    background: url(/img/props/d11/ico_select_arrow.png) #70b0bc no-repeat 100% center;
    background-size: 30px;
    border: solid 1px #6bafbb;  
}
.board_form select {
    border: 1px solid #c0c0c0;
    color: #333;
}

.loginbox-wrap .btn_login ,
.login_wrap .login_btn_area .btn_login {
    background: linear-gradient(#14defc, #00edce);
    color: rgba(0, 0, 0, 0.75);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgb(4 198 220);
 
}

.btn_ui.btn_highlight {
    background: linear-gradient(348deg, #18546b, #04e5e0);
}

.sub_container:before {
    background-image: linear-gradient(to right, rgba(64, 122, 195, 0), rgb(14 186 210), rgba(64, 122, 195, 0));
}
.sub_title {
    background: linear-gradient(#8dcede, #c4f3ff);
}

.sub_title:before {

    box-shadow: inset 0 0 5px rgb(255 255 255 / 59%);
    background-image: linear-gradient(to bottom, #f7fbfc 0%, #d9edf2 40%, #add9e4 100%);
}
.sub_title h2 {
 
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 1.0));
    background-image: linear-gradient(to bottom, #c4f3ff 0%, #c8eaf3 40%, #8dcede 100%);
        color: #fff;
}

.sub_title h2 {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 1.0));
    background-image: unset;
    color: #ffffff;
    padding: 0 6vw;
    max-width: 800px;
    text-shadow: 0 2px 0px #00232c ,-2px 0px 0px #00232c;
}
.sub_title h2:before {
       background-image: url("/img/props/d11/marvel/modal-title-rectangle-border.png?v=02");
       left: 0;
       background-size: 100% 70px;
       width: 100%;
       height: 100%;
       background-repeat: no-repeat;
       background-position: center;
}

.sub_title h2:after {
    background-image:unset;
}

.sub_content {
    background-color: #f6fdff;
    border: solid 2px #f3fcff;
    box-shadow: 0 5px 8px rgb(138 206 222), 0 2px 5px rgb(137 205 221), inset 0 0 1px 1px rgb(137 205 221 / 55%);
}
.sub_content .form-control, .sub_content .form-select {
    background-color: #ffffff;

}

.form-control:disabled, .form-control[readonly] , .sub_content .form-select:disabled, .sub_content .form-control[readonly] {
    background-color: #94a2a7;
    color: black !important;
}

.form-control[readonly]::placeholder,
.form-control[readonly]:-ms-input-placeholder,
.form-control[readonly]::-ms-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
.form-control[readonly]::-moz-placeholder,
.form-control[readonly]:-moz-placeholder {
    color: #000 !important;
    opacity: 1;
}


.plus_money::placeholder {
    color: #333 !important;
    opacity: 1 !important;
}

.form-control:disabled::placeholder,
.sub_content .form-select:disabled::placeholder,
.sub_content .form-control[readonly]::placeholder {
    color: #000000 !important; 
    opacity: 1; 
}



.sub_tabs li a{
  color: #007ea0; 
  text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
}
.sub_tabs li a:before {
    border-top: solid 2px #04b9d1;
    border-bottom: solid 2px #04b9d1;
    background-color: #8dcede;
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(137 131 131), rgb(255 255 255 / 0%));
    box-shadow: 0 1px 2px rgb(255 252 252);
}
.sub_tabs li.on a:before ,
.sub_tabs li a:hover:before {
    border-top: solid 2px #04b9d1;
    border-bottom: solid 2px #04b9d1;
    background-color: #327889;
}

.charge_section .dl_list dt,
.charge_section .txt_list > li  {
     color: #000;
}

.charge_section .dl_list dd{
     color: #555;
}

.board_form dl dt , 
.board_form dl dt label,
.my_level_wrap .info li .points {
    color:black;
}
.board_form dl dd,
.board_form dl dd .label {
    color:#333;
}




#footer .footer_bottom {
    background-color: #a1ebfa;
    border-top: solid 1px #b3fcff;
    background-image: linear-gradient(180deg, #3f498766, #bbdfd8c7, #a1f3ffc2), url(/img/props/d11/footer-bg.png);
    background-repeat: repeat-x;
    background-position: top 8px center;

}


#footer .footer_bottom .text {
    color: rgb(0 0 0 / 30%);
}



.tbl_board td {
    color:#3c3c3c;    
}

.tbl_board td.date {
    color: #818181;
}

#list_type .row_th ,
.tbl_board th {
    background: #a2a9b1;
    color:white;
}


.tbl_board td {
    color: #74787c;
    background: rgb(0 0 0 / 5%);
    border-top: solid 1px rgb(0 0 0 / 10%);
    border-bottom: solid 1px rgb(0 0 0 / 10%);
}


.my_level_wrap .level {
    border: 1px solid #d8d8d8;
    background: linear-gradient(#3099c8, #abffe1);

}
.my_level_wrap .my_level_in {
   border: solid 1px #9acad6;
    background: rgb(0 0 0 / 5%); 
}

.my_links .card_list li a {
    background: rgb(0 0 0 / 5%);
    border: solid 1px rgb(0 0 0 / 10%);   
}
.my_links .card_list li .title {
    color: #727879;
}


.bottom-nav {
    background-color: #4d5155;
    background: linear-gradient(rgb(0 244 255 / 33%), rgb(0 0 0 / 82%)), url(/img/props/d11/marvel/bg-topmenu.png);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: 3px groove #69b6bc;
    background-size: 100%;
    box-shadow: 0 0 12px rgb(114 255 252);
}
.nav-center-btn {
    /*background: linear-gradient(#4CD2C0, #007F9E);*/
    /*border: 9px solid  #4d5155;*/
    
    
    background: linear-gradient(rgb(0 244 255), rgb(0 0 0 / 27%)), url(/img/props/d11/marvel/bg-topmenu.png);
    border: 3px groove #69b6bc;
    background-size: cover;
    box-shadow: 0 0 12px rgb(114 255 252);
}



.swiper-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

    background: #17c0cc !important;
    border: 1px solid #aeaeae !important;
    width: 10px !important;
    height: 10px !important;
}


.tbl_board td a {
    color: #41ccce;
}

.board_view {
    background-color: rgb(229 237 237 / 50%);
    border: solid 1px #acd5da;

}
.board_view .view_cont {
    border-top:solid 1px #acd5da;
    color: #000000;
}
.board_view .view_top .tit {
      color: #000000; 
}

.board_form dl {
    border-bottom: solid 1px rgb(0 0 0 / 10%);
}

.charge_section {
    background: rgb(0 0 0 / 5%);
    border: solid 1px rgb(0 0 0 / 20%);
}

.board_view .view_top .date ,
.board_view .view_top .view_info dl dt span {
    color: rgb(38 38 38 / 73%);
}

.event-card {
    background: #ffffff;
}

.event-title {
    color: #495657;
}

.event-card:hover .event-title {
    color: #53b6ca;
}

.event-tag {
    background: #8dbe23;
}

.login_wrap .login_join_wrap {
    background-color: #f7fcfd;
    background-image: linear-gradient(#bae3f2, #e1fff1);
    border: solid 2px #2abcda;
    box-shadow: 0 5px 8px rgb(105 171 184), 0 2px 5px rgba(0, 0, 0, 1.0), inset 0 0 1px 1px rgba(0, 0, 0, 0.5);
}

.login_wrap .header_desc li {
 
    color: #496388;

}

.login_wrap .form_item label {
    color: #2e7d93;
}

.login_wrap .login_login_wrap {
     background-color: #f7fcfd;
    background-image: linear-gradient(#bae3f2, #e1fff1);
    border: solid 2px #2abcda;
    box-shadow: 0 5px 8px rgb(105 171 184), 0 2px 5px rgba(0, 0, 0, 1.0), inset 0 0 1px 1px rgba(0, 0, 0, 0.5);   
}

.login_wrap .login_messanger .item .text {
    color: #005862;
}

.charge_section .dl_list dd strong {
    color: #a90012;
}

.board_form dl dd .charge_flex .charge_btns .btn_ui {
    background: linear-gradient(348deg, #18546b, #04e5e0);
}

#list_type .del_icon ,
.del_btn {
    display: inline-block;
    padding: 4px 12px;
    color: #FFBE0C;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    background: transparent;
    border: solid 1px #FFBE0C;
    border-radius: 18px;
	cursor:pointer;
}       

#list_type .del_icon:hover,  
.del_btn:hover{
    display: inline-block;
    padding: 4px 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: linear-gradient(to bottom, rgb(255,190,12,1) 100%, rgb(255,145,0,1) 100%);
    
    border: solid 1px #FFBE0C;
    border-radius: 18px;
	  cursor: pointer;
    box-shadow: 0 6px 20px rgba(236, 212, 130, 0.08);
  }

@media screen and (max-width: 1280px) {

    #header .all_menu {
        background-color: #ffffff;
        background-image: linear-gradient(#ffffff, #e2e7ed);
        border-right: solid 1px #ffffff; 
    }
    #header .all_menu .inner .head {
        background-color: #ffffff;
    }
    #header .all_menu .inner .dep1>li>a {
        color:#6c6c6c;
    }
    #header .all_menu .inner .dep1>li>a:before {
        border-bottom: solid 1px #6c6c6c;
        border-top: 0 solid #fff0;
        border-left: 0 solid #fff0;
        background-color: #cadbdf;
        -webkit-mask-image: linear-gradient(to right, #000000, #fff0);
        mask-image: linear-gradient(to right, #ffffff, #fff0);
    }
    #header .all_menu .inner .dep1>li .depth2 {
        border-top: 1px solid #bcf7ff;
    }
    #header .all_menu .inner .dep1>li .depth2>li a {
       color: rgb(0 0 0 / 50%); 
    }
    .all_menu .info_head .money {
        color: #000000;
    }
    
    
    #header .header_lnb {
        background-color: #25B4D7;
        background-image: linear-gradient(1deg, #25B4D7, #45CECD);
    }
    
    .all_menu .info_head .name {

        background: linear-gradient(to right, #31bfdb, #00a194) text;
        -webkit-text-fill-color: #fff0;
    }
    
    .all_menu .info_head .money a {
        color: #00bdf7;
    }
    
    
    .main_user_login {
        background-color: #0b292d;
    }
    .main_user_login:before {
        border-top: solid 1px #2e5c59;
        border-bottom: solid 1px #2e5c59;
        background-color: #3d687a;
        -webkit-mask-image: linear-gradient(to left, #000000, #fff0);
        mask-image: linear-gradient(to left, #000000, #fff0);
    }
    
    .sub_article {
        background: #ffffff;
    }

    
    .sub_tabs {
        margin: 1px 0 5px;
        background: rgb(255 255 255 / 80%);
    }



.sub_title h2:before {
    background-image: url("/img/props/d11/marvel/modal-title-rectangle-border.png?v=02");
    left: 0;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

    
    
}

@media screen and (max-width: 768px) {
    .main_games .game_section .game_title.title_casino {
        background-image: url(/img/props/d11/marvel/casino_game_list.png);
        background-size: 100%;
        height: 75px;
    }
    
    .main_games .game_section .game_title.title_slot {
        background-image: url(/img/props/d11/marvel/slot_game_list.png);
        background-size: 100%;
        height: 75px;
    }
    
    .main_games .game_section .game_title.title_holdem {
        background-image: url(/img/props/d11/marvel/holdem_game_list.png);
        background-size: 100%;
        height: 75px;
    }
    
    
    .jackpot_wrap .visual {
        background: url(/img/props/d11/marvel/Frame_odometer.png) 50% 0 no-repeat;
        filter: unset;
        background-position: right;
    }

}