.gSubInfoBox {clear:both;padding-left:19px;}
.gSubInfoBox h2 {clear:both;height:20px;padding:4px 15px 8px 18px;font:bold 12px/1.2 Arial, Verdana;color:#ffedc8;background:url('images/sub_nav_title_bg_20120710.gif') no-repeat;}
.gSubInfoBox h2 a.more {padding-top: 2px;display:block;float:right;padding-right:15px;font:normal 11px/1.2 Arial, Verdana;/*background:url('images/main_ranking_more.gif') no-repeat right 5px;*/}
.gSubInfoBox h2 a.more:hover {text-decoration:none;}

.frames {clear:both;padding-left:7px;}

.mainRankBox {clear:both;width:185px;height:218px;background:url('images/main_ranking_wrapbg.gif') no-repeat;}
.mainRankBox h3 {height:30px;}
.mainRankBox h3 div {float:left;}
.mainRankBox h3 div:hover {text-decoration:none;}
.mainRankBox h3 div strong, .mainRankBox h3 div span {display:block;width:92px;height:23px;padding:7px 0 0 0;text-align:center;font:normal 12px/1.2 Arial, Verdana;color:#aaa;}
.mainRankBox h3 div strong {color:#ffb400;background:url('images/main_ranking_tab_on.gif') no-repeat;}
.mainRankBox h3 div span {background:url('images/main_ranking_tab_off.gif') no-repeat;}
.mainRankBox ul {clear:both;width:190px;margin:0 auto; font:normal 12px/1.2 Arial, Verdana;}
.mainRankBox li {clear:both;width:270px;height:24px;padding:8px 0 0 10px;background:url('images/main_ranking_list_line.gif') repeat-x left bottom;}
.mainRankBox li.end {background:none;}
.mainRankBox li span {float:left;width:100px;padding:0 0 0 8px;color:#ffedc8;background:url('images/main_ranking_list_jum.gif') no-repeat left 7px;}
.mainRankBox li strong {float:left;color:#aaa;font-weight:normal;}
.mainRankBox li strong img {vertical-align:middle;margin-right:5px;}
.mainRankBox li strong.success {color:#0063dd;}
.mainRankBox li strong.failed {color:#cc0000;}

.eventMapCase {clear:both;height:190px;padding-bottom:20px;}
.eventMapCase article {float:left;position:relative;width:190px;height:190px;}
.eventMapCase article h2 {position:absolute;top:165px;width:190px;font:bold 12px/1.2 Arial, Verdana, sans-serif;color:#aaa;text-align:center;}
.eventMapCase article.on h2 {color:#ffb400;}
.eventMapCase article ol {position:absolute;left:16px;top:96px;}
.eventMapCase article ol li {float:left;padding:0 10px 8px 0;}
.eventMapCase article ol li a {display:block;width:32px;height:18px;padding-top:4px;font:bold 12px/1.2 tahoma, Arial, Verdana;color:#fff;text-align:center;background:url('images/Rk_eventmap_num_off.gif') no-repeat;}
.eventMapCase article ol li a.on {background:url('images/Rk_eventmap_num_on.gif') no-repeat;}
.eventMapCase article ol li a:hover {text-decoration:none;background:url('images/Rk_eventmap_num_on.gif') no-repeat;}
.eventMapCase article.bloodC {background:url('images/Rk_eventmap_chr_blood_off.jpg') no-repeat;}
.eventMapCase article.bloodC.on {background:url('images/Rk_eventmap_chr_blood_on.jpg') no-repeat;}
.eventMapCase article.devilS {margin:0 10px;background:url('images/Rk_eventmap_chr_devil_off.jpg') no-repeat;}
.eventMapCase article.devilS.on {background:url('images/Rk_eventmap_chr_devil_on.jpg') no-repeat;}
.eventMapCase article.illusionT {background:url('images/Rk_eventmap_chr_illusion_off.jpg') no-repeat;}
.eventMapCase article.illusionT.on {background:url('images/Rk_eventmap_chr_illusion_on.jpg') no-repeat;}

header article {clear:both;position:relative;left:0;top:0;width:950px;height:40px;margin:0 auto;background:url('images/g_line_center.gif') repeat-x center 0;z-index:8000;}
header article ul.Wrapflag {float: left;padding:0 200px 0 0;}
header article ul.Wrapflag.on {float:left;padding:0 366px 0 0;}
header article ul.Wrapflag li {float:left;height:21px;padding:12px 0 0 14px;text-align:center;} /* padding:11px 0 0 14px;  for LANGUAGES */
header article ul.Wrapflag li img {vertical-align:middle;}
header article ul.Wrapflag li a {font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;text-decoration:none;}
header article ul.Wrapflag li a.on {color:#fff;font-weight:bold;text-decoration:none;}
header article ul.Wrapflag li span {padding:0 12px 0 6px;color:#fff;}
header article ul.Wrapflag li.first {padding:13px 18px 0 0;font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;background:url('images/g_nav_div_2.gif') no-repeat right 14px;cursor:pointer;}
header article ul.Wrapflag li.first.on {padding:13px 24px 0 0;font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;background:url('images/g_nav_div_2_on.gif') no-repeat right 14px;cursor:pointer;}
header article ul.Wrapflag li.end {padding:2px 10px 0 15px;background:url('images/g_flag_arrow.gif') no-repeat right 7px;}

header article ul.flagWrap {float:right;padding:0 20px 0 0;}
header article ul.flagWrap.on {float:right;padding:0 66px 0 0;}
header article ul.flagWrap li {float:left;height:21px;padding:12px 0 0 14px;} /* padding:11px 0 0 14px;  for LANGUAGES */
header article ul.flagWrap li img {vertical-align:middle;}
header article ul.flagWrap li a {font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;text-decoration:none;}
header article ul.flagWrap li a.on {color:#fff;font-weight:bold;text-decoration:none;}
header article ul li a:hover {color:#fff;text-decoration:none;}
header article ul.flagWrap li span {padding:0 12px 0 6px;color:#fff;}
header article ul.flagWrap li.first {padding:13px 18px 0 0;font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;background:url('images/g_nav_div_2.gif') no-repeat right 14px;cursor:pointer;}
header article ul.flagWrap li.first.on {padding:13px 24px 0 0;font:normal 11px/1.5 tahoma, Arial, Verdana;color:#999;background:url('images/g_nav_div_2_on.gif') no-repeat right 14px;cursor:pointer;}
header article ul.flagWrap li.end {padding:2px 10px 0 15px;background:url('images/g_flag_arrow.gif') no-repeat right 7px;}
header article .g_searchWrap {float:right;width:100px;height:20px;margin:9px 20px 0 0;background:#000;}

header article .server_time {float:left;height:21px;padding:13px 0 0 14px;color:#999;}

header article .flagMore {float:left;padding:14px 10px 0 15px;background:url('images/g_flag_arrow_more.gif') no-repeat right 19px;color:#fff;}
header article .flagMore span {cursor:pointer;}
header article .flagLess {float:left;padding:14px 10px 0 15px;background:url('images/g_flag_arrow_close.gif') no-repeat right 19px;color:#fff;}
header article .flagLess span {cursor:pointer;}

header article .flagLayerWrap {position:absolute;left:20px;top:40px;width:888px;padding:6px 0 10px 20px;border-left:1px solid #dc143c;border-right:1px solid #dc143c;border-bottom:1px solid #dc143c;background:#fff;overflow:hidden;}
header article .flagLayerWrap .flagSell {float:left;width:125px;}
header article .flagLayerWrap .flagSell a {display:block;width:115px;padding:4px 0 4px 10px;margin:8px 0;font:normal 11px/1 tahoma, Arial, Verdana;color:#666;}
header article .flagLayerWrap .flagSell a:hover {display:block;color:#fff;text-decoration:none;background:#e2141c;}
header article .flagLayerWrap .flagSell strong {display:block;width:115px;padding:4px 0 4px 10px;margin:8px 0;font:bold 11px/1 tahoma, Arial, Verdana;color:#333;}

header article .G_IDC_Select {float:right;padding:9px 20px 0 0;}