.body{width: 1200px;margin:0 auto;position: relative;}

.happy{font-size: 0;overflow: hidden;line-height: 0}
.happy div{display:inline-block;*display: inline;*zoom:1;vertical-align:top;width: 595px;}
.happy div a{display: block;height: 50px;margin-bottom:20px;}
.happy div.mr{margin-right: 10px}
.happy div a img{width: 100%;height: 100%}
.happy2{height: 94px;background: url(/static/images/match/happy_default.jpg) no-repeat top center;}
.happy2 div{width: 165px;}
.happy2 div a{height: 80px;}

.tab{font-size: 0;background:#f8f8f8;border-bottom: 2px solid #4bbdcf;margin-bottom: 20px}
.tab li{cursor: pointer;color:#323232;font-size: 16px;text-align: center;height: 50px;line-height: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align:top;width: 100px}
.tab li.on{color:#fff;background:#4bbdcf;}

.tabC{display: none}
#js_groupList{margin-bottom: 40px}

.glist{font-size: 0;border: 1px solid #ececec;padding: 20px;margin-bottom: 20px}
.glist .g_l{display:inline-block;*display: inline;*zoom:1;vertical-align:top;width: 816px;}
.glist .g_l .gl_title{padding-left: 12px;font-size: 24px;color:#323232;font-weight: bold;height: 40px;line-height: 20px;*line-height: 30px}
.glist .g_l .gl_table{width: 800px;}
.glist .g_l .gl_table tr{font-size: 14px;color:#666;height: 44px;line-height: 40px;}
.glist .g_l .gl_table tr.title{background:#e5e5e5;color:#323232;}
.glist .g_l .gl_table tr.even{background:#f8f8f8;}
.glist .g_l .gl_table td{border:1px solid #ebebeb;text-align: center;vertical-align: middle;}
.glist .g_l .gl_table td a,
.glist .g_l .gl_table td img{display:inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.glist .g_l .gl_table td img{width: 27px;height: 16px;border: 1px solid #ECEEEB;}
.glist .g_l .gl_table td img.btn{width: auto;height: auto;border: none;}
.glist .g_l .gl_table td .vs{font-weight: bold;color:#323232;width: 50px;}
.glist .g_l .gl_table td .red{color:#be070d;}
.glist .g_l .gl_table td .l_name,
.glist .g_l .gl_table td .r_name{display:inline-block;*display: inline;*zoom:1;vertical-align: middle;font-weight: bold;color:#323232;width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.glist .g_l .gl_table td .l_name{text-align: left;padding-left: 6px;}
.glist .g_l .gl_table td .r_name{text-align: right;padding-right: 6px;}
.glist .g_l .gl_table td .blue{color:#005baa;}
.glist .g_l .gl_table td.btn{text-align: right;padding-right: 16px}
.glist .g_l .gl_table td.btn a{margin:0 4px;}
.glist .g_r{display:inline-block;*display: inline;*zoom:1;vertical-align:top;width: 340px}
.glist .g_r .gr_title{margin-bottom: 14px;height: 40px;line-height: 28px;font-size: 18px;color: #323232;border-bottom: 2px solid #e6e6e6}
.glist .g_r .gr_title a{float: right;font-size: 14px;color:#323232;line-height: 32px}
.glist .g_r .gr_table{width: 100%;text-align: center;}
.glist .g_r .gr_table tr{font-size: 14px;color:#666;height: 40px;line-height: 40px;}
.glist .g_r .gr_table tr.title{background:#e5e5e5;color:#323232;}
.glist .g_r .gr_table tr.even{background:#f8f8f8;}
.glist .g_r .gr_table tr.width{background-color: #e6e6e6}
.glist .g_r .gr_table tr.width td{color:#323232;font-size: 14px;}
.glist .g_r .gr_table td span,
.glist .g_r .gr_table td img{display:inline-block;*display: inline;*zoom:1;vertical-align: middle;margin:0 2px;}
.glist .g_r .gr_table td img{width: 27px;height: 16px;border: 1px solid #ECEEEB;margin: 0 4px;}
.glist .g_r .gr_table td.red{color:#be070d;font-weight: bold;}
.glist .g_r .gr_table td.info{text-align: left;white-space: nowrap;}
.glist2{border:none;padding: 0}
.glist2 .g_l{width: 860px;}
.glist2 .g_l .gl_box{width: 838px;border:1px solid #ececec;margin-bottom: 20px;border-bottom: none}
.glist2 .g_l .gl_title{height: 60px;line-height: 60px;padding-left: 20px}
.glist2 .g_l .gl_table{width: 100%}
.glist2 .g_l .gl_table tr.title{height: 30px;line-height: 30px;font-size: 12px}
.glist .g_l .gl_table tr.hover,
.glist2 .g_l .gl_table tr.hover{background-color: #FFFDDA}
.remark_div{position: absolute;width: 100%;top: 240px;z-index: 300;display: none;}
.remark_div .rd_box{width: 1200px;margin: 0 auto}
.remark_div .rd_box p{width: 798px;margin-left: 21px;background-color: #fff;color:#005baa;font-size: 12px;text-align: center;line-height: 20px;padding: 11px 0;border:1px solid #ebebeb;}
.remark_div2 .rd_box p{margin-left: 1px;width: 836px}

.map{margin-bottom: 30px;position: relative;background:#f8f8f8;}
.index_gb .map{background:#f8f8f8 url(/static/images/index/champion_bg_gb.jpg) no-repeat center center;}
.index_big .map{background:#f8f8f8 url(/static/images/index/champion_bg_big.jpg) no-repeat center center;}
.index_en .map{background:#f8f8f8 url(/static/images/index/champion_bg_en.jpg) no-repeat center center;}
.index_en .map_kr{background:#f8f8f8 url(/static/images/index/champion_bg_kr.png) no-repeat center center;}
.map .m_box{text-align: center;height: 516px;padding-top: 30px;font-size: 0;}
.map .m_box li{display:inline-block;*display: inline;*zoom:1;vertical-align: top;width: 170px;}
.map .m_box .mb_box{margin:0 auto 20px;width:150px;height: 105px;border-radius:10px;overflow:hidden;background:#fff;}
.map .m_box .mb_box .mbb_title{font-size: 12px;color:#fff;text-align: left;height:32px;line-height: 32px;padding: 0 15px;background:#43b177;}
.map .m_box .mb_box .mbb_title span{float: right;}
.map .m_box .mb_box .mbb_title_en{line-height: 14px;text-align: center;padding-top: 2px}
.map .m_box .mb_box .mbb_title_en i{color:#fff;}
.map .m_box .mb_box .mbb_info{font-size: 0;}
.map .m_box .mb_box .mbb_info a{display:inline-block;*display: inline;*zoom:1;vertical-align: top;width: 44px;font-size: 14px;font-weight: bold;margin-top: 6px}
.map .m_box .mb_box .mbb_info a img{width: 28px;height: 28px;border-radius: 200px;}
.map .m_box .mb_box .mbb_info a p{height:28px;font-size: 12px;color:#004a55;font-weight: normal;line-height: 14px;margin-top: 4px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.map .m_box .mb_box .mbb_info a.vs{margin-top: 14px;color:#004a55;}
.map .m_box .mb_box .mbb_info a.red{color:#004a55;}
.map .m_box .mt1{margin-top: 60px}
.map .m_box .mt2{margin-top: 150px}
.map .m_box .mt3{margin-top: 190px}
.map .m_box .mt1 .mbb_title, .map .m_box .mt2 .mbb_title{background:#b06fad;}
.map .m_box .mt3 .mbb_title{background:#f7a832;}
.map .m_box .mb_reward{width: 100%;margin-top: 16px}
.map .m_box .mb_box2{margin-top:190px;}
.map .m_box .mb_box3{margin-top: 18px;position: relative;top: -6px;background-image: url('/static/images/match/dialog_bg2.png')}
.map .m_box .mb_box2 .mbb_title,
.map .m_box .mb_box3 .mbb_title{color:#fff;background:#e72a4f;}
.map .m_box .mb_box2 .mbb_title i,
.map .m_box .mb_box3 .mbb_title i{color:#fff;}