@charset "utf-8";

.tabbox {border: 1px solid #e1e1e1;}
.nav-tabs {/*background: #f7f7f7;*/}
.nav-tabs>li {width: 33.333%;text-align: center;}
.nav-tabs>li.active {border-top: 2px solid #3eb1b0;}
.nav-tabs>li.active>a {border: 1px solid white !important;border-bottom-color: transparent;}
.nav-tabs>li.active>a:hover {border: 1px solid white !important;background: white !important;}
.nav-tabs>li>a:hover {border: none !important;background: none !important;}
.nav>li>a{padding:10px 5px !important;}
.widget-box {margin-bottom: 25px;background: white;padding: 7px;}
.widget-box.no-pd {padding: 0px;}

.board_tab_nav {/*background: #ececec !important;*/border: none;}
.board_tab {width: 33.333%;text-align: center;margin-bottom: 0px;}
.board_tab > a {border: none !important;/*background: #ececec !important*/;border-radius: unset !important;margin-right: 0px !important;font-size: 15px;font-weight: bold;color: #737373 !important;}
.board_tab.active > a {border: none;background: white !important;color: #00a9a7 !important;}

body{background-color:#000;}

span.member > img {height: auto;}

.game_wrap { /*margin-bottom:20px;*/ }
.game_wrap .game1{height:180px;color:#fff;padding:5px;overflow:hidden;}
.game_wrap .game1 img{width:100%;height:100%;}



@media all and (max-width:767px) {
	.game_wrap2 ul {width:100%;padding:0;height:130px;}
	.game_wrap2 ul li{list-style:none;float:left;width:50%;margin:0;color:#000; /*background-color:#ececec;border:1px solid #000;*/text-align:center;padding-top:5px;*/}
	.game_wrap2 ul li img{width:70%;}
}
@media all and (min-width:991px) {
	.game_wrap2 ul {width:100%;padding:0;height:130px;}
	.game_wrap2 ul li{list-style:none;float:left;height:130px;width:25%;margin:0;color:#000; /*background-color:#ececec;border:1px solid #000;*/text-align:center;/*padding-top:50px;*/}
	.game_wrap2 ul li img{width:90%;}
}

ul.main_banner { margin:0;padding:0}
ul.main_banner li { list-style:none;margin-bottom:10px;}
ul.main_banner li img{width:100%;border:1px solid #000;}


/* Main introduction: scoped to bm- classes. */
.bm-intro{max-width:100%;margin:28px 0 8px;color:#222;font-size:15px;line-height:1.7}
.bm-intro__title{font-size:22px;font-weight:700;margin:0 0 6px;color:#111}
.bm-intro__lead{margin:0 0 18px;color:#555}
.bm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px;padding:0;list-style:none}
.bm-stats li{background:#f6f8f9;border:1px solid #e4e8eb;border-radius:8px;padding:12px 10px;text-align:center}
.bm-stats strong{display:block;font-size:20px;color:#1a8f97;line-height:1.2}
.bm-stats span{font-size:12px;color:#666}
.bm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.bm-card{border:1px solid #e4e8eb;border-radius:10px;padding:18px 18px 14px;background:#fff}
.bm-card h2,.bm-h2{font-size:17px;font-weight:700;margin:0 0 10px;color:#111;padding-bottom:8px;border-bottom:2px solid #1a8f97;display:inline-block}
.bm-card p{margin:0 0 10px}
.bm-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.bm-steps li{position:relative;padding:0 0 10px 34px;counter-increment:s}
.bm-steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:#1a8f97;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bm-steps b{display:block;color:#111}
.bm-steps span{color:#555;font-size:14px}
.bm-card a,.bm-steps a{color:#1a8f97;text-decoration:underline;text-underline-offset:2px}
.bm-boards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 22px;padding:0;list-style:none}
.bm-boards a{display:block;border:1px solid #e4e8eb;border-radius:8px;padding:12px 14px;text-decoration:none;color:#222;background:#fff;height:100%}
.bm-boards a:hover{border-color:#1a8f97}
.bm-boards b{display:block;color:#1a8f97;margin-bottom:4px}
.bm-boards span{font-size:13px;color:#666;line-height:1.5;display:block}
.bm-faq details{border-top:1px solid #e4e8eb;padding:10px 0}
.bm-faq details:last-child{border-bottom:1px solid #e4e8eb}
.bm-faq summary{cursor:pointer;font-weight:700;color:#111;list-style:none;position:relative;padding-right:24px}
.bm-faq summary::after{content:"+";position:absolute;right:4px;top:0;color:#1a8f97;font-weight:700}
.bm-faq details[open] summary::after{content:"−"}
.bm-faq p{margin:8px 0 0;color:#555;font-size:14px}
@media(max-width:767px){.bm-stats{grid-template-columns:repeat(2,1fr)}.bm-grid,.bm-boards{grid-template-columns:1fr}}