/* reference notice page rules (bacc558.com noticeView), scoped under .c2-notice */

.c2-notice .sw_subSwitch {background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;padding-bottom:5px}

.c2-notice .btn_filter {display:block;border:none;border-bottom:1px solid transparent;background:none;font-size:11px;color:hsla(0,0%,100%,.7);cursor:pointer;text-align:center;overflow:visible}

.c2-notice .btn_filter.active {color:#f2dba3;border-bottom:1px solid #f2dba3}

.c2-notice .reg_notice {position:relative}

.c2-notice .reg_notice:before {content:"";position:absolute;pointer-events:none;top:-.26vw;left:-.26vw;width:100%;height:100%;box-sizing:content-box;padding:.26vw;border-radius:2.6666666667vw;background:linear-gradient(180deg,#c0955a 0,#c0955a 30%,transparent 70%)}

@media screen and (orientation:landscape) {
.c2-notice .reg_notice:before {top:-.149925vw;left:-.149925vw;padding:.149925vw;border-radius:1.49925vw}
}

.c2-notice .reg_notice.maintenance i {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI1QzI2MDYyMjFDMjExRjFBNkNEQTI3QUUwNzdCODA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI1QzI2MDYzMjFDMjExRjFBNkNEQTI3QUUwNzdCODA3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjVDMjYwNjAyMUMyMTFGMUE2Q0RBMjdBRTA3N0I4MDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjVDMjYwNjEyMUMyMTFGMUE2Q0RBMjdBRTA3N0I4MDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7m0gJNAAACL0lEQVR42rzVTUhUURjG8XFKEDJHwggCEYoK0VCCSAuVLCsEFyEoQtOuTSgIQSQISTmLQpBwoRGBJEVQLiaolKgBy6+UICs3xoRkCymD7GuC1P4HHuFwGe7MNfXAj7nnfsx7z3nfc27K/FSPbz3aRo/3p+I80vEMT9YqUDFadVyDnTrej9PYjbc453zQn+CPz2AS1aiwgpiWo5FdxCjqUYSw1xFV4jpScD/O9Qc4hBb1v+EoxtXPRExcR/QGfxznTD+C27iL49a1sBVkO4ZxJJkRfcQQytV/gVOYtu7Js46Dys899CtfsWRylI9SHY9rWuwgZkr3OPpX8UFBfmDMLdBBTMjyiFsc07gBN1Dr8qKXMO82dQXY6zg34lhLPQrShwy93HL7jXa0JSrvWJxzmfpNQ6+CPFLeTJD3ejmzrnapAosSBerGAVyzzuViMx6iSkGGtK5MAZQop2PK4xWcTbSOlvASr3BSVfQazzWtj1W6Jsg7VeUXNGAL/iLqmG7X8jYPHMYmDCJbZWtGchkzOIE5hKw8VSl3nva6HdoVAupvU5DPOKa83NHU+TSy/nh/5LaOgspJwDpXiF9666ByVWJdz9Iokw5kqucmnuKCptG0BdRhH5qwiAHl0LSv+OQlUL7WS6dW+7SKpF5V1qH7TG7KVKXN2mQnvOzepmK+a/VHNUIzgi4VR0QvcsvabEMr+fDNKtnm4a1otNbVT32bVu1TPmJv8//b/L51av8EGADel3547qSkrQAAAABJRU5ErkJggg==)}

.c2-notice .reg_notice.game i {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMUQ1RTg1MjFDMjExRjE4NzIyOERGQTgyNjdENDcyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMUQ1RTg2MjFDMjExRjE4NzIyOERGQTgyNjdENDcyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAxRDVFODMyMUMyMTFGMTg3MjI4REZBODI2N0Q0NzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAxRDVFODQyMUMyMTFGMTg3MjI4REZBODI2N0Q0NzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BHBAcAAACmklEQVR42rzVe2jOURzH8We23O+GmDINua65U/5AbpNLpvEH/pG7UaKh5B8SI4nc2lwKoVgSyRYxt8dcVjKaMSEhxDaGNub9rc+vjtOzP+hpp149z+/3PL9zvuec7/f8YipKj4bqozUI1VOL+4f/jsECPXMNF/Ai2jOajZPojO7YhTI8wQ6MR5NozOghxqIf3qAGa7Afi3EJP3ADeTiLUreDmAjJEIseSMYgDNVnc7xGF2zHZaTiEXKc55+hA3KxDFX+0i1BGJVaklPIxCi0QAa6YipW44uuc7xANyAB7XAaDd2lm4i9+KDvFvk+THA6WIuOGK0A92AyitEbfZCE47iPeCTiEOYGAyU7e9YJrbTx1rIVWYaiDdpgTMFF/MI5vEItWmtg29NJSItzsm835ii7/EQo1EZbx++RjxHYjIGYr+UK2ndlZZn2KMndozRsdK5/4rkC+Iytur/NlkKRttd+rfeCs2XfiXEKoMgdKEEbd0eDJKpmtnidZOEmCnS9UMVbretKDX4Qb/HbVsSvo0zNLE8zKVb0QXupQGwpP6En1ilJjiEFA3AGTdFNfZQHA9Uo0wq1D7M0qCXFEdzDN/TCSKxS0gTN/jcPfVVX053fwm4dlVjx4gCWa1nS9WlRHtYs7eiZiRNophMhpGeHYWWEU+WWW0fnNYMV2qfhSufUOo6kpxiC/s69bO86pFS/6g5UqzOrSNdWbC2dB96pXqahrc44v8MS/WbPNlISZCnF/zqCinWGWWvjDTRDexCOMLsqDZKuc7Cx9ixeiRLxNbFJ75gU1UjQrIauqHaCVq00tyA+ev1UqPbqfE1YdIu0TLHOfcu0ctXLbVzHXZ0A//2GzdfbdCm+4oGy77HWPaqv8gKn8qPS/ggwAMDTokcu9SFcAAAAAElFTkSuQmCC)}

.c2-notice .reg_notice.system i {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDQzA2MUIxMjFDMjExRjFCOEIwRDFFQUNDNUFBQzBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDQzA2MUIyMjFDMjExRjFCOEIwRDFFQUNDNUFBQzBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNDMDYxQUYyMUMyMTFGMUI4QjBEMUVBQ0M1QUFDMEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNDMDYxQjAyMUMyMTFGMUI4QjBEMUVBQ0M1QUFDMEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57h+ykAAABxUlEQVR42ryVSyiEURTHvxmPbJQspqE8Ill4xwLFNCRKJBsLytLOpOxY2LAaJStloVgothQLj8U0eYZs5JUihYVCmYXX/9Rf3b7uN/N9UzOnfn33nnvvOee7955zXW9XS0YyJDWONT5Qz/YB2EmUoynQyPYxqLOzyB1jvIDGhkA66DcZrgJ9HJPvPijSGXJFOSNxsgsK2Y+ADIu57yCT7XvgBzd2/8inODGiODEUJyJ5oM3J1smvhky6DzALekEPmKZOlT0w78TRL7frXx5ADZgDFWxLMNXgTpn3Cb7tnpEsbgFBmUNdM/CAZZBG3RcYYBAhJcBh9s/Y1zpqAGGT7gKU06DXNPYMcmm0zDTWATatti5Fo7vl33g1Yx46uo6WpzpHPxpdPngBrxZX+4nOLG3pHB2CLjCpTJRtqwSjmkDGQQmoVc5oAnSr5ckVo6hugHa2z5kfkvmDvCSrPJst3kSRbdDqtNap11QMnYIZsMDIm8AiyFHmRZyWoE6wFuerIHVvxW7CnoDLOJxIrTtyUhkeWRzDvARZYEQzLwCywRgD8zMdbG+dlUi+FLMthksT9fAFeAkMvj8Je8rXiSNxG0mSPwEGAEHEZ59EXXdJAAAAAElFTkSuQmCC)}

.c2-notice .border_notice {background-color:#2e281f;box-shadow:inset 0 .5vw 2.4vw #181613;border-radius:2.6666666667vw;position:relative;background:#30291f;border:1px solid hsla(0,0%,100%,.1);overflow:hidden;margin-bottom:8px}

@media screen and (orientation:landscape) {
.c2-notice .border_notice {border-radius:1.49925vw}
}

.c2-notice .are_noticeTop {display:flex;align-items:center;justify-content:space-between;height:33px;padding:0 15px;background:#3c3226}

.c2-notice .txt_notice {padding:15px;text-align:left;word-break:break-all}

.c2-notice .lab_notice {display:flex;align-items:center}

.c2-notice .lab_notice i {width:18px;height:17px;background-size:100% 100%;margin-right:10px}

.c2-notice .lab_notice span {font-size:13px}

.c2-notice .txt_noticeData {color:hsla(0,0%,100%,.7)}

/* ---- our additions ---- */
.c2-notice { color: var(--c2-text); font-size: 12px; text-align: center; }
.c2-notice .sw_subSwitch { gap: 4px; padding-top: 8px; }
.c2-notice .sw_subSwitch .btn_filter { padding: 6px 16px; margin: 0; font-size: 12px; }
.c2-notice .container { padding: 18px 12px; margin: 0; }
.c2-notice .txt_notice { font-size: 13px; line-height: 1.5; word-break: break-word; }
.c2-notice .reg_notice { margin-bottom: 12px; }
.c2-notice .c2-notice__empty { padding: 40px 0; color: var(--c2-dim); }
/* hidden by the All / Maintain / Game / System filter */
.c2-notice [data-type].is-hidden { display: none; }

@media (min-width: 900px) {
    /* desktop: the mobile rules size the card frame in vw, fixed here so it doesn't grow with the screen */
    .c2-notice .reg_notice:before { top: -2px; left: -2px; padding: 2px; border-radius: 12px; }
    .c2-notice .border_notice { border-radius: 12px; box-shadow: inset 0 4px 18px #181613; }
    .c2-notice .sw_subSwitch .btn_filter { font-size: 14px; padding: 8px 20px; }
    .c2-notice .sw_subSwitch { background: none; justify-content: flex-start; }
    .c2-notice .container { padding: 24px 0 30px; }
    .c2-notice .are_noticeTop { height: 38px; padding: 0 18px; }
    .c2-notice .lab_notice span, .c2-notice .txt_noticeData { font-size: 14px; }
    .c2-notice .txt_notice { padding: 16px 18px; font-size: 14px; }
}
