@charset "UTF-8";
/* ========================================
	Overview
======================================== */
#main.status {
	margin:0 0 20px 0;
}
#frendStatus {
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #408685;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
#frendStatus dl {
	padding:0 20px;
	border:1px solid #555;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
	box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
	-webkit-box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
	-moz-box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
}
#frendStatus dl dt {
	float:left;
	margin:0 40px 0 0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
}
#frendStatus.relationship dl dt {
        width:350px;
        margin:0;
}
#frendStatus dl dt span {
	color:#ee7700;
}
#frendStatus dl dt a {
	color:#85a7a5;
}
#frendStatus dl dt a:hover {
	text-decoration:underline;
}
#frendStatus dd {
	float:left;
	padding:9px 0;
}
#frendStatus dd li {
	float:left;
	margin:0 10px 0 0;
}
#frendStatus dd .sitebady a {
	display:block;
	width:160px;
	border-radius:4px;
	border:1px solid #1acfcc;
	background:url(../img/common/bg_dots_mint3.png) repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 8px rgba(64, 134, 133, 1);
	text-align:center;
	line-height:28px;
	transition:box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#frendStatus dd .sitebady a:hover {
	box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-webkit-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-moz-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	transition:box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#frendStatus.sitebady dd .sitebady a span {
	padding:1px 0 1px 25px;
	background:url(../img/overview/icon_sbapp.png) no-repeat left center;
}
#frendStatus dd .delete a {
	display:block;
	width:160px;
	border-radius:4px;
	border:1px solid #a0a0a0;
	background:url(../img/common/bg_dots_wh2.png) repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 8px rgba(160, 160, 160, 1);
	text-align:center;
	line-height:28px;
	transition:box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#frendStatus dd .delete a:hover {
	box-shadow:rgba(201, 201, 201, 0.498039) 0px 0px 16px 0px inset;
	-webkit-box-shadow:rgba(201, 201, 201, 0.498039) 0px 0px 16px 0px inset;
	-moz-box-shadow:rgba(201, 201, 201, 0.498039) 0px 0px 16px 0px inset;
	transition:box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
/* ========================================
	Status
======================================== */
/*user*/
.userBox {
	position:relative;
	float:left;
	width:605px;
	margin:30px 20px 20px 20px;
}
.userBox .ptf {
	position:absolute;
	top:-31px;
	left:-21px;
	width:130px;
	padding:0 40px 0 0;
	background:url(../img/common/bg_ptf.png) no-repeat left top;
	text-align:center;
	line-height:44px;
}
.userBox .ptf img {
	width:auto;
	height:18px;
}
.userBox .oid {
	position:absolute;
	top:-30px;
	left:104px;
	width:500px;
	padding:0 0 0 33px;
	background:url(../img/overview/bg_oid.png) no-repeat left top;
	color:#408685;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
}
.userBox .oid span {
	color:#aabfbd;
}
.userCol {
	position:relative;
	padding:20px 0 0 0;
}
.userCol .icon {
	float:left;
	margin:0 10px 15px 0;
	border:1px solid #555;
}
.userCol .icon:hover {
	border:1px solid #3a6f67;
}
.userCol .icon a {
	display: block;
	width: 64px;
	height: 64px;
	overflow: hidden;
}
.userCol .name {
	width:525px;
	height:42px;
	margin:0 0 10px 0;
	color:#fff;
	font-size:23px;
	font-style:italic;
	font-weight:bold;
	line-height:42px;
	overflow:hidden;
}
.userCol .profile {
	clear:both;
	margin:0 0 10px 0;
	background:url(../img/overview/bg_profile.png) no-repeat left top;
	line-height:22px;
}
.userCol .profile:hover {
	background:url(../img/overview/bg_profile_on.png) no-repeat left top;
}
.userCol .profile a {
	display:block;
	width:153px;
	color:#fff;
	font-size:10px;
	text-shadow: 0px 0px 10px rgba(64, 134, 133, 1);
	text-align:center;
}
.userCol .profile span {
	padding:2px 0 2px 20px;
	background:url(../img/common/icon_btnarrow.png) no-repeat left center;
}
.styleCol {
	position:relative;
	height:296px;
	padding:0 0 25px 0;
}
.styleCol .character {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.styleCol .settingCharacter
/*.styleCol .settingDecal*/ {
	display:block;
	position:absolute;
	top:244px;
	left:54px;
	width:188px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	box-shadow:rgba(0, 0, 0, 0.862745) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.862745) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.862745) 0px 0px 24px 0px inset;
	z-index:10;
}
.styleCol .settingCharacter:hover
/*.styleCol .settingDecal:hover*/ {
	box-shadow:rgba(64, 134, 133, 0.862745) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(64, 134, 133, 0.862745) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(64, 134, 133, 0.862745) 0px 0px 24px 0px inset;
}
.styleCol .settingCharacter a
/*.styleCol .settingDecal a*/ {
	display:block;
	padding:10px 15px 10px 15px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
/*mdl_avatar*/
#mdl_avatar,
#mdl_playstyle {
	display:none;
}
#mdl_avatar.mdl_top,
#mdl_playstyle.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:1000px;
	margin:0 0 0 -500px;
	padding:15px 0 0 0;
	background:url(../img/overview/mdl_avatar_top.png) no-repeat center top;
	z-index:1200;
}
#mdl_avatar .mdl_btm,
#mdl_playstyle .mdl_btm {
	padding:0 0 15px 0;
	background:url(../img/overview/mdl_avatar_btm.png) no-repeat center bottom;
}
#mdl_avatar .mdl_mid,
#mdl_playstyle .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_avatar_mid.png) repeat-y center top;
}
#mdl_avatar .mdl_contents,
#mdl_playstyle .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_avatar .mdl_contents .close,
#mdl_playstyle .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
	z-index:1000;
}
#mdl_avatar .mdl_contents .scrollArea {
	height:650px;
	overflow:hidden;
}
#mdl_avatar .mdl_contents dl,
#mdl_playstyle .mdl_contents dl {
	position:relative;
	padding:20px 0;
	background:url(../img/overview/line_avatar.png) no-repeat center 20px;
}
#mdl_avatar .mdl_contents dt,
#mdl_playstyle .mdl_contents dt {
	margin:0 0 25px 0;
	background:url(../img/overview/line_avatar.png) no-repeat center bottom;
	color:#fff;
	font-size:22px;
	line-height:42px;
	text-shadow: 0px 0px 10px rgba(64, 134, 133, 1);
}
#mdl_avatar .mdl_contents dd li {
	position:relative;
	float:left;
	width:180px;
	height:249px;
	margin:0 0 10px 10px;
	border:2px solid #707070;
	background:url(../img/common/bg_dots_black4.png) repeat left top;
	overflow:hidden;
	cursor:pointer;
}
#mdl_avatar .mdl_contents dd li:hover {
	border:2px solid #ee7700;
}
#mdl_avatar .mdl_contents dd li span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:180px;
	height:249px;
}
#mdl_avatar .mdl_contents dd li span:hover {
	box-shadow:rgba(255, 162, 0, 0.309804) 0px 0px 25px 3px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.309804) 0px 0px 25px 3px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.309804) 0px 0px 25px 3px inset;
}
#mdl_avatar .mdl_contents dd li.current,
#mdl_avatar .mdl_contents dd li.current:hover {
	border:2px solid #ffd99a;
}
#mdl_avatar .mdl_contents dd li.current span,
#mdl_avatar .mdl_contents dd li.current span:hover {
	background:url(../img/common/icon_tabarrow_orange_large.png) no-repeat 166px 2px;
	box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
}
#mdl_avatar .mdl_contents dd li.current img {
	width:200px;
	max-width:none;
	height:auto;
	margin:-20px 0 0 -10px;
}
#mdl_avatar .mdl_contents .btn {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:15px 0;
	border-top:1px solid #313131;
	background:url(../img/common/bg_dots_black7.png) repeat left top;
}
#mdl_avatar .mdl_contents .btn p {
	width:248px;
	margin:0 auto;
	border:1px solid #e69521;
	background:url(../img/common/bg_navover.png) repeat left top;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(238, 119, 0, 1);
	line-height:49px;
	cursor:pointer;
	transition:border 0.5s,background 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#mdl_avatar .mdl_contents .btn p:hover {
	border:1px solid #ee7700;
	background:url(../img/common/bg_navover.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	transition:border 0.5s,background 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#mdl_avatar .mdl_contents .bar {
	position:absolute;
	top:0;
	right:2px;
	width:6px;
	height:650px;
}
#mdl_avatar .mdl_contents .bar span {
	display:block;
	width:6px;
	height:164px;
	background:#707070;
	cursor:pointer;
	z-index:10;
}
#mdl_playstyle dd.txt {
	padding:0 20px 10px 20px;
	color:#b5b5b5;
	font-size:14px;
	text-align:left;
}
#mdl_playstyle dd.img {
	margin:0 20px 10px 20px;
	padding:30px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black4.png) repeat left top;
}
#mdl_playstyle dd.img ul {
	float:left;
	width:540px;
}
#mdl_playstyle dd.img li {
	float:left;
	width:80px;
	height:80px;
	padding:5px;
}
#mdl_playstyle dd.img li .noAct {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#mdl_playstyle dd.img li span.tit,
#mdl_playstyle dd.img li span.txt {
	display:none;
}
#mdl_playstyle dd.img div {
	float:right;
	width:300px;
}
#mdl_playstyle dd.img div p.img {
	padding:10px;
}
#mdl_playstyle dd.img div p.name {
	padding:10px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black4.png) repeat left top;
	text-align:center;
}
#mdl_playstyle dd.img div p.name span {
	display:block;
}
#mdl_playstyle dd.img div p.name .tit {
	color:#dcdcdc;
	font-size:24px;
	font-weight:bold;
}
#mdl_playstyle dd.img div p.name .txt {
	color:#a0a0a0;
	font-size:14px;
	font-weight:bold;
}
#mdl_playstyle .btn p {
	width:300px;
	margin:0 auto 40px auto;
	border:1px solid #959595;
	background:url(../img/common/bg_dots_wh2.png) repeat left top;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	cursor:pointer;
}
#mdl_playstyle .btn p:hover {
	box-shadow:rgba(142, 140, 140, 0.298039) 0px 0px 26px 8px inset;
	-webkit-box-shadow:rgba(142, 140, 140, 0.298039) 0px 0px 26px 8px inset;
	-moz-box-shadow:rgba(142, 140, 140, 0.298039) 0px 0px 26px 8px inset;
}
/*popArrow*/
.styleCol .settingCharacter a
/*.styleCol .settingDecal a*/ {
	position:relative;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-webkit-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-moz-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
}
.styleCol .settingCharacter a:after, .styleCol .settingCharacter a:before
/*.styleCol .settingDecal a:after, .styleCol .settingDecal a:before */{
	bottom:100%;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.styleCol .settingCharacter a:after
/*.styleCol .settingDecal a:after */{
	border-color:rgba(0, 0, 0, 0);
	border-bottom-color:#000;
	border-width:7px;
	margin-left:-7px;
}
.styleCol .settingCharacter a:before
/*.styleCol .settingDecal a:before*/ {
	border-color: rgba(83, 83, 83, 0);
	border-bottom-color: #535353;
	border-width: 8px;
	margin-left: -8px;
}
.styleCol .settingCharacter span
/*.styleCol .settingDecal span*/ {
	display:block;
	padding:0 0 0 30px;
	background:url(../img/overview/icon_setting.png) no-repeat 20px -5px;
	text-shadow: 0px 0px 8px rgba(64, 134, 133, 1);
	text-align:center;
}
/*decal*/
.decalBox {
	float:left;
	width:487px;
	margin:20px 0 0 0;
	padding:5px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
}
.decalBox .decal {
	position:relative;
	float:left;
	width:239px;
	height:258px;
	border:1px solid #255958;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.decalBox .decal dt {
	width:165px;
	height:165px;
	margin:0 auto;
	padding:10px;
}
.decalBox .decal dt img {
	-webkit-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
	-moz-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
	-ms-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
	-o-filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
	filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
}
.decalBox .decal dd {
	padding:5px 0;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:2;
}
.decalBox .decal dd span {
	padding:5px 0 5px 35px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0px 0px 11px rgba(238, 119, 0, 1);
	letter-spacing:-0.5px;
	text-shadow: 0px 0px 10px rgba(64, 134, 133, 1);
}
.decalBox .decal dd span.type01 {
	background:url(../img/overview/decal_type01.png) no-repeat left center;
}
.decalBox .decal dd span.type02 {
	background:url(../img/overview/decal_type02.png) no-repeat left center;
}
.decalBox .decal dd span.type03 {
	background:url(../img/overview/decal_type03.png) no-repeat left center;
}
.decalBox dd.settingDecal {
	position:absolute;
	top:0;
	left:0;
	width:227px;
	height:171px;
	margin:0;
	padding:80px 5px 5px 5px;
	border:1px solid #132e2e;
	background:url(../img/common/bg_dots_black8.png) repeat left top;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition:height 0.5s,padding 0.5s,opacity 0.5s;
}
.decalBox .settingDecal:hover {
	height:181px;
	padding:70px 5px 5px 5px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	transition:height 0.5s,padding 0.5s,opacity 0.5s;
}
.decalBox dd.settingDecal p {
	padding:0 0 20px 0;
	background:url(../img/overview/line_decal.png) no-repeat center bottom;
	line-height:2;
}
.decalBox dd.settingDecal dd span {
	font-size:18px;
}
.decalBox .settingDecal .edit {
	display:inline;
	margin:0 0 20px 0;
}
.decalBox .settingDecal .txt {
	color:#fff;
	font-size:10px;
	text-align:left;
}
.decalBox .settingDecal a {
	display:block;
	position:absolute;
	bottom:50px;
	left:50%;
	width:115px;
	padding:5px;
	margin:0 0 0 -57px;
	border-radius:4px;
	border:1px solid #777;
	background:url(../img/overview/arrow_style.png) no-repeat 95% center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	transition:bottom 0.5s,background 0.5s;
}
.decalBox .settingDecal:hover a {
	bottom:60px;
	transition:bottom 0.5s;
}
.decalBox .settingDecal a span {
	padding:2px 0 2px 20px;
	background:url(../img/overview/icon_decalsetting.png) no-repeat left center;
	font-size:11px;
}
.decalBox .settingDecal a:hover {
	background:url(../img/overview/arrow_style.png) no-repeat 95% center,url(../img/overview/bg_green3.png) repeat left center;
	transition:background 0.5s;
}
/*playstyle*/
.decalBox .playstyle {
	position:relative;
	float:left;
	width:239px;
	height:258px;
	margin:0 5px 0 0;
	border:1px solid #255958;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.decalBox .playstyle dt {
	width:165px;
	height:165px;
	margin:0 auto;
	padding:10px;
}
.decalBox .playstyle dd {
	padding:5px 0;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
}
.decalBox .playstyle dd span.name {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0px 0px 11px rgba(238, 119, 0, 1);
	letter-spacing:-0.5px;
	text-shadow: 0px 0px 10px rgba(64, 134, 133, 1);
}
.decalBox .playstyle dd .time {
	color:#aabfbd;
	font-size:10px;
}
.decalBox .playstyle dd .time span {
	color:#fff;
}
.decalBox .playstyle dd.styleDetail {
	position:absolute;
	top:0;
	left:0;
	width:227px;
	height:171px;
	margin:0;
	padding:80px 5px 5px 5px;
	border:1px solid #132e2e;
	background:url(../img/common/bg_dots_black8.png) repeat left top;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition:height 0.5s,padding 0.5s,opacity 0.5s;
}
.decalBox .playstyle dd.styleDetail:hover {
	height:181px;
	padding:70px 5px 5px 5px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	transition:height 0.5s,padding 0.5s,opacity 0.5s;
}
.decalBox .playstyle dd.styleDetail .name {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background:url(../img/overview/line_decal.png) no-repeat center bottom;
	font-size:18px;
}
.decalBox .playstyle dd.styleDetail .txt {
	color:#fff;
	font-size:10px;
	text-align:left;
}
.decalBox .playstyle dd.styleDetail .help {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.decalBox .playstyle dd.styleDetail a {
	display:block;
	position:absolute;
	bottom:10px;
	width:115px;
	padding:5px;
	border-radius:4px;
	border:1px solid #777;
	background:url(../img/overview/arrow_style.png) no-repeat 95% center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
/*
.styleCol .exp,
.styleCol .expGraf {
	position:relative;
	top:10px;
}
.styleCol .exp {
	clear:both;
	padding:0 0 0 230px;
	background:url(../img/overview/bg_exp.png) no-repeat left top;
}
.styleCol .exp dt {
	float:left;
	width:145px;
	padding:12px 0 0 0;
	color:#85a7a5;
	font-size:14px;
	font-weight:bold;
}
.styleCol .exp dt span {
	color:#fff;
	font-size:32px;
	font-style:italic;
	font-weight:bold;
	line-height:1.2;
}
.styleCol .exp dd {
	float:left;
	padding:30px 0 0 0;
	color:#85a7a5;
	font-size:11px;
	font-weight:bold;	
}
.styleCol .expGraf {
	padding:6px 0 4px 230px;
	background:url(../img/overview/bg_expgraf.png) no-repeat left top;
}
.styleCol .expGraf p.graf {
	float:left;
	width:228px;
	height:9px;
	margin:3px 10px 0 0;
	border:1px solid #c9c9c9;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
}
.styleCol .expGraf p.graf span.expBar {
	display:block;
	width:0;
	height:100%;
	overflow:hidden;
}
.styleCol .expGraf p.graf span.expBar span {
	display:block;
	background: #ffb400;
	background: -moz-linear-gradient(left,  #ffb400 0%, #ff9000 100%, #ff9000 100%);
	background: -webkit-linear-gradient(left,  #ffb400 0%,#ff9000 100%,#ff9000 100%);
	background: linear-gradient(to right,  #ffb400 0%,#ff9000 100%,#ff9000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ff9000',GradientType=1 );
	text-indent:-99999px;
}
.styleCol .expGraf p.next {
	float:left;
	color:#85a7a5;
	font-size:11px;
	font-weight:bold;
}
*/
/*comment*/
.commentCol {
	position:relative;
	clear:both;
	padding:5px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
	z-index:10;
}
.commentCol dl {
	border:1px solid  #255958;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.commentCol dt {
	margin:-1px 0 0 -1px;
	padding:0 0 0 15px;
	background:url(../img/overview/bg_summary.png) no-repeat left top;
	color:#aabfbd;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
}
.commentCol dt span.txtNum {
	display:none;
	color:#fff;
	margin:0 0 0 80px;
}
.en .commentCol dt span.txtNum {
	margin:0 0 0 120px;
}
.commentCol dt span.btn {
	float:right;
	margin:3px;
	cursor:pointer;
}
.commentCol dt span.save {
	display:none;
	float:right;
	width:60px;
	margin:3px 3px 0 0;
	border-radius:4px;
	border:1px solid #1acfcc;
	background:url(../img/common/bg_dots_green2.png) repeat left top;
	color:#fff;
	font-size:12px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	transition:opacity 0.5s;
}
.commentCol dt span.save:hover {
	box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-webkit-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-moz-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	text-shadow: 0px 0px 10px rgba(64, 134, 134, 1);
}
.commentCol dt span.save.noAct {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	cursor:default;
	transition:opacity 0.5s;
}
.commentCol dt span.back {
	display:none;
	float:right;
	margin:3px 3px 0 0;
	width:60px;
	border-radius:4px;
	border:1px solid #959595;
	background:url(../img/common/bg_dots_gray2.png) repeat left top;
	color:#fff;
	font-size:12px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}
.commentCol dt span.back:hover {
	box-shadow:rgba(142, 140, 140, 0.498039) 0px 0px 16px 0px inset;
	-webkit-box-shadow:rgba(142, 140, 140, 0.498039) 0px 0px 16px 0px inset;
	-moz-box-shadow:rgba(142, 140, 140, 0.498039) 0px 0px 16px 0px inset;
	text-shadow: 0px 0px 10px rgba(134, 134, 134, 1);
}
.commentCol dd {
	height:67px;
	padding:10px;
	color:#fff;
	font-size:12px;
	word-break:break-all;
	overflow:hidden;
}
.commentCol dd .commentBg {
	display:block;
	position:absolute;
	top:45px;
	left:10px;
	width:583px;
	height:67px;
	border-radius:4px;
	background:url(../img/common/bg_dots_green2.png) repeat left top;
	box-shadow:rgba(37, 205, 199, 0.247059) 0px 0px 25px 0px inset;
	-webkit-box-shadow:rgba(37, 205, 199, 0.247059) 0px 0px 25px 0px inset;
	-moz-box-shadow:rgba(37, 205, 199, 0.247059) 0px 0px 25px 0px inset;
	/*filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;*/
}
.commentCol dd textarea {
	width:560px;
	height:55px;
	padding: 5px;
	border: 1px solid #EE7700;
	background: rgba(0,0,0,0);
	color: #fff;
}
/*mdl_comment*/
#mdl_comment.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:10px 0 0 0;
	background:url(../img/overview/mdl_comment_top.png) no-repeat center top;
	z-index:12000;
}
#mdl_comment .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_comment .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_comment .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_comment .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_comment .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_comment .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/* ========================================
	summary
======================================== */
#contents #main.summary {
	position:relative;
	width:1140px;
	margin:0 0 20px 0;
	padding:20px 10px;
}
.summary h2 {
	clear:both;
	margin:0 0 5px 0;
	/*padding:0 0 0 20px;*/
	/*background:url(../img/overview/bdr_summary.png) no-repeat left center;*/
	color:#fff;
	font-size:22px;
	text-shadow: 0px 0px 10px rgba(64, 134, 133, 1);
}
.summary h2 span {
	margin:0 0 0 10px;
	cursor:pointer;
}
.summary h2 span img {
	margin:-3px 0 0 0;
}
.summary .multi h2,
.summary .four h2 {
	margin:0 0 7px 0;
}
.summary .time {
	position:absolute;
	top:40px;
	right:20px;
	color:#aabfbd;
	font-size:12px;
}
.summary .time span {
	color:#898989;
}
.grafArea {
	float:left;
}
.statsBox {
	position:relative;
	float:left;
	width:360px;
	/*height:353px;
	height:323px;*/
	/*margin:0 4px 35px 4px;*/
	margin:0 4px;
	padding:5px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
	box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
	-webkit-box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
	-moz-box-shadow:rgba(12, 3, 7, 0.498039) 0px 0px 10px 0px inset;
}
.statsBox .inner {
	width:358px;
	/*height:351px;*/
	height:321px;
	border:1px solid #255958;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.statsBox h3 {
	width:155px;
	margin:-1px 0 0 -1px;
	padding:0 0 0 15px;
	background:url(../img/overview/bg_summary.png) no-repeat left top;
	color:#ced9d8;
	font-size:12px;
	line-height:30px;
}
.en .statsBox h3 {
	padding:0 0 0 10px;
	font-size:11px;
}
.grafArea.summary canvas {
	width:368px;
	height:187px;
	/*margin:15px 0 10px 0;*/
}
.statsBox.weapon {
	margin:0 0 35px 5px;
}
/*.onelife .statsBox,.multi .statsBox,.four .statsBox {
	width:310px;
	height:290px;
	margin:0 4px 0 4px;
	padding:30px;
}*/
.onelife .statsBox .inner,.multi .statsBox .inner,.four .statsBox .inner {
	width:343px;
	height:370px;
	padding:20px 8px;
}
.statsBox.totalTime p.total {
	position:absolute;
	/*top:128px;*/
	top:114px;
	left:139px;
	width:100px;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.statsBox.totalTime p.total span {
	color:#fff;
	margin:0 1px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
}
.statsBox.totalTime ul {
	width:250px;
	margin:0 auto;
}
.statsBox.totalTime ul li {
	position:relative;
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
}
.statsBox.totalTime ul li p {
	position:absolute;
	top:-3px;
	right:0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.statsBox.totalTime li.onelife {
	border-left:6px solid #ffa200;
}
.statsBox.totalTime li.multi {
	border-left:6px solid #408685;
}
.statsBox.totalTime li.four {
	border-left:6px solid #1e89bb;
}
.statsBox.winPer ul {
	width:260px;
	margin:0 auto;
}
.statsBox.winPer li {
	position:relative;
	float:left;
	width:124px;
	color:#85a7a5;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.statsBox.winPer p.wl_Percent {
	position:absolute;
	top:120px;
	left:142px;
	width:100px;
	color:#aabfbd;
	font-size:12px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.statsBox.winPer p.wl_Percent span {
	color:#fff;
	font-size:30px;	
}
.statsBox.winPer ul li span {
	display:block;
	color:#fff;
	font-size:24px;
	font-weight:bold;
}
.statsBox.weapon ul {
	padding:0 15px 15px 15px;
}
.statsBox.weapon li {
	/*padding:12px 0;*/
	padding:10px 0;
	border-bottom:1px solid #313131;
	color:#fff;
	font-size:12px;
}
.statsBox.weapon li:nth-of-type(3) {
	border-bottom:none;
}
.statsBox.weapon .img {
	float:left;
	width:150px;
	padding:12px 0;
	text-align:center;
}
.statsBox.weapon li dt {}
.statsBox.weapon li dd.level {
	font-size:16px;
	font-weight:bold;
}
.statsBox.weapon li dd.level span {
	display:inline-block;
	width:40px;
	color:#85a7a5;
	font-size:12px;
}
.statsBox.weapon li dd.kill {
	font-size:16px;
	font-weight:bold;
}
.statsBox.weapon li dd.kill span {
	display:inline-block;
	width:40px;
	color:#85a7a5;
	font-size:12px;
	font-weight:normal;
}
.grafArea .k_d dt {
	float:left;
	width:180px;
}
.grafArea .k_d dt canvas {
	width:180px;
	height:115px;
}
.grafArea.onelife .k_d,
.grafArea.onelife .w_l,
.grafArea.multi .w_l,
.grafArea.four .avg,
.grafArea.four .k_d  {
	position:relative;
	padding:0 0 10px 16px;
	background:url(../img/overview/line_graf.png) no-repeat left bottom;
}
.grafArea.onelife .w_l,
.grafArea.four .avg {
	margin:0 0 20px 0;
}
.grafArea.onelife p.kd_Percent,
.grafArea.onelife p.wl_Percent,
.grafArea.multi p.wl_Percent,
.grafArea.four p.avg_Percent,
.grafArea.four p.kd_Percent {
	position:absolute;
	top:53px;
	left:55px;
	width:100px;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
	line-height:0.5;
	text-align:center;
}
.grafArea.four p.wl_Percent {
	top:65px;
}
.grafArea.onelife p.kd_Percent span,
.grafArea.onelife p.wl_Percent span,
.grafArea.multi p.wl_Percent span,
.grafArea.four p.avg_Percent span,
.grafArea.four p.kd_Percent span {
	color:#fff;
	font-size:35px;
}
.grafArea .w_l dt,
.grafArea .avg dt {
	float:left;
	width:180px;
}
.grafArea .w_l dt canvas,
.grafArea .avg dt canvas {
	width:180px;
	height:115px;
}
.grafArea .w_l dd,
.grafArea .k_d dd,
.grafArea .four dd,
.grafArea .avg dd {
	float:left;
	width:130px;
	margin:10px 0 0 0;
}
.grafArea .w_l dd li,
.grafArea .k_d dd li,
.grafArea .avg dd li {
	position:relative;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	color:#85a7a5;
	font-size:12px;
	font-weight:bold;
}
.grafArea.four .avg dd li {
	margin:38px 0 0 0;
}
.grafArea .w_l dd li span,
.grafArea .k_d dd li span,
.grafArea .avg dd li span {
	display:block;
	color:#fff;
	font-size:16px;
}
.grafArea.four .avg dd li span {
	margin:10px 0 0 0;
}
.grafArea .avg dd li.live {
	margin:5px 0 25px 0;
}
.grafArea  .score  {
	margin:30px 0 20px 16px;
}
.grafArea.multi .score {
	margin:30px 0 20px 0;
	padding:0 0 20px 16px;
	background:url(../img/overview/line_graf.png) no-repeat left bottom;
}
.grafArea  .score  li {
	clear:both;
	margin:0 0 5px 0;
	color:#85a7a5;
	font-size:13px;
	line-height:23px;
	font-weight:bold;
}
.grafArea  .score  span,
.grafArea  .score p  {
	display:block;
	float:right;
	width:110px;
	color:#fff;
	font-size:16px;
}
.grafArea  .score p  span {
	display:inline;
	float:none;
	font-size:12px;
}

/*not4*/
/*.onelife .statsBox {
	width:700px;
	height:183px;
}
.onelife .statsBox .inner {
	width:670px;
	height:120px;
	padding:30px 14px;
}
.grafArea.onelife .k_d, .grafArea.onelife .w_l {
	float:left;
	width:280px;
}
.grafArea.onelife .k_d, .grafArea.onelife .w_l {
	float:left;
	width:280px;
}
.grafArea .w_l dd, .grafArea .k_d dd, .grafArea .four dd {
	width:100px;
}
.grafArea .score {
	float:left;
	width:65px;
	margin:10px 0 0 0;
}
.grafArea .score li {
	margin:5px 0 0 0;
	font-size:12px;
	line-height:1.5;
}
.grafArea .score span, .grafArea .score p {
	float:none;
	width:auto;
}*/
/*multi*/
/*.multi .statsBox {
	width:400px;
	height:183px;
}
.multi .statsBox .inner {
	width:370px;
	height:120px;
	padding:30px 14px;
}
.grafArea.multi .w_l {
	float:left;
}*/
/*not4*/





/* ========================================
	ranking
======================================== */
#contents #main.ranking {
	position:relative;
	width:1140px;
	min-height:auto;
	margin:0 0 20px 0;
	padding:30px 10px 20px 10px;
}
.ranking h2 {
	clear:both;
	margin:0 0 5px 0;
}
.ranking h2 img {
	float:left;
	margin:0 10px 0 0;
}
.ranking h2 span.tit {
	display:block;
	float:left;
	margin:15px 0 0 0;
	color:#85a7a5;
	font-size:14px;
}
.ranking h2 span.mode {
	display:block;
	float:left;
	margin:15px 0 0 0;
	color:#fff;
	font-size:14px;
}
.ranking h2 p.time {
	float:left;
	margin:15px 0 0 10px;
	font-weight:normal;
}
.ranking h2 p.btn {
	float:right;
}
.ranking h2 p.btn a {
	display:block;
	padding:0 20px;
	border-radius:4px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#fff;
	font-size:14px;
	text-shadow:0px 0px 10px rgba(64, 134, 133, 1);
}
.ranking h2 p.btn a:hover {
	background:url(../img/overview/bg_green3.png) repeat left top;
}
.ranking h2 p.btn a span {
	padding:5px 0 5px 25px;
	background:url(../img/overview/arrow_more.png) no-repeat left center;
	line-height:36px;
}
.ranking .rankingBox {
}
.ranking .rankingBox dl {
	float:left;
	width:558px;
	margin:0 5px 0 0;
	padding:3px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black3.png) repeat left top;
}
.ranking .rankingBox dl:last-child {
	margin:0;
}
.ranking .rankingBox dt {
	margin:0 0 2px 0;
	padding:0 10px;
	background:url(../img/overview/bg_gray02.png) repeat left top;
	color:#85a7a5;
	font-size:14px;
	font-weight:bold;
	line-height:43px;
}
.ranking .rankingBox dt span {
	color:#a0a0a0;
	line-height:43px;
}
.ranking .rankingBox dt span.date {
	margin:0 0 0 5px;
	color:#fff;
	font-size:16px;
}
.ranking .rankingBox dt span.player {
	float:right;
}
.ranking .rankingBox dd li {
	position:relative;
	float:left;
	width:277px;
	background:url(../img/overview/bg_gray02.png) repeat left top;
	text-align:center;
}
.ranking .rankingBox dd li:hover {
	background:url(../img/overview/bg_gray01.png) repeat left top;
}
.ranking .rankingBox dd li:first-child {
	margin:0 3px 0 0;
}
.ranking .rankingBox dd li a {
	display:block;
	padding:5px 5px 15px 5px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.ranking .rankingBox dd li h3 {
	margin:0 0 15px 0;
	background:url(../img/common/bg_dots_black2.png) repeat left top;
	color:#fff;
	font-size:14px;
	line-height:28px;
}
.ranking .rankingBox dd li span.num {
	margin:0 0 0 5px;
	color:#85a7a5;
}
.ranking .rankingBox dd li p.tit {
	color:#85a7a5;
	font-size:14px;
}
.ranking .rankingBox dd li p.rank {
	color:#fff;
	font-size:42px;
	font-weight:bold;
	text-align:center;
}
.ranking .rankingBox dd li.gold p.rank span {
	padding:3px 0 3px 75px;
	background:url(../img/overview/icon_gold.png) no-repeat left center;
}
.ranking .rankingBox dd li.silver p.rank span {
	padding:3px 0 3px 75px;
	background:url(../img/overview/icon_silver.png) no-repeat left center;
}
.ranking .rankingBox dd li.bronze p.rank span {
	padding:3px 0 3px 75px;
	background:url(../img/overview/icon_bronze.png) no-repeat left center;
}
#bgmdl_loading {
	position:absolute;
}
.loader {
	position:absolute;
}



/* ========================================
	match
======================================== */
#contents #main.match {
	position:relative;
	width:1140px;
	min-height:auto;
	margin:0;
	padding:30px 10px 60px 10px;
}
.activityBox dt {
	margin:0 0 5px 0;
}
.activityBox dd {
	position:relative;
	width:1050px;
	height:385px;
	margin:0 10px;
	padding:0 25px 0 45px;
	border:1px solid #535353;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black3.png) repeat left top;
}
.activityBox dd .slideArea {
	width:1030px;
	height:385px;
	overflow:hidden;
}
.activityBox dd ul {
	position:relative;
	top:0;
}
.activityBox dd li {
	position:relative;
	float:left;
	width:505px;
	height:343px;
	margin:0 20px 0 0;
	padding:20px 0;
}
.activityBox dd li.nodata {
	float:none;
	width:auto;
	margin:100px 0 0 0;
	padding:0;
	color:#707070;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.activityBox dd li .icon {
	float:left;
	border:1px solid #555;
}
.activityBox dd li .title {
	display:block;
	padding:0 0 0 45px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.activityBox dd li .time {
	display:block;
	padding:0 0 0 45px;
	color:#898989;
	font-size:11px;
	font-style:italic;
}
.activityBox dd li .delete {
	position:absolute;
	top:15px;
	right:0;
	cursor:pointer;
}
.activityBox dd li.result div {
	margin:10px 0 0 0;
}
.activityBox dd li .stage {
	width:505px;
	height:141px;
	color:#fff;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	letter-spacing:5px;
	line-height:1;
}
.activityBox dd li .stage span {
	display:block;
	padding:20px 0;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}
.activityBox dd li.four .stage .rankTxt {
	float:left;
	margin:30px 15px 0 205px;
	padding:0;
	font-size:19px;
	line-height:1;
}
.activityBox dd li.four .stage .rankNum {
	float:left;
	padding:0;
	font-size:58px;
	line-height:1;
}
.activityBox dd li .stage.s01 {
	background:url() no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s02 {
	background:url(../img/activity/act_s02_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s03 {
	background:url(../img/activity/act_s03_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s03_02 {
	background:url(../img/activity/act_s03_a.jpg) no-repeat center top;
	/*background:url(../img/activity/act_s03_b.jpg) no-repeat center top;*/
	background-size:100%;
}
.activityBox dd li .stage.s03_four {
	background:url(../img/activity/act_s03_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s04 {
	background:url(../img/activity/act_s04_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s05 {
	background:url(../img/activity/act_s05_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s05_02 {
	background:url(../img/activity/act_s05_a.jpg) no-repeat center top;
	/*background:url(../img/activity/act_s05_b.jpg) no-repeat center top;*/
	background-size:100%;
}
.activityBox dd li .stage.s05_four {
	background:url(../img/activity/act_s05_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s06 {
	background:url(../img/activity/act_s06_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s06_02 {
	background:url(../img/activity/act_s06_a.jpg) no-repeat center top;
	/*background:url(../img/activity/act_s06_b.jpg) no-repeat center top;*/
	background-size:100%;
}
.activityBox dd li .stage.s06_four {
	background:url(../img/activity/act_s06_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s07 {
	background:url(../img/activity/act_s07_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s07_02 {
	background:url(../img/activity/act_s07_a.jpg) no-repeat center top;
	/*background:url(../img/activity/act_s07_b.jpg) no-repeat center top;*/
	background-size:100%;
}
.activityBox dd li .stage.s07_four {
	background:url(../img/activity/act_s07_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s08 {
	background:url(../img/activity/act_s08_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s08_02 {
	background:url(../img/activity/act_s08_a.jpg) no-repeat center top;
	/*background:url(../img/activity/act_s08_b.jpg) no-repeat center top;*/
	background-size:100%;
}
.activityBox dd li .stage.s08_four {
	background:url(../img/activity/act_s08_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s09 {
	background:url(../img/activity/act_s09_mdsajkbfleuwjkasm_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s09_four {
	background:url(../img/activity/act_s09_mdsajkbfleuwjkasm_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s10 {
	background:url(../img/activity/act_s10_nreuiaxmfasdl_a.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li .stage.s10_four {
	background:url(../img/activity/act_s10_nreuiaxmfasdl_b.jpg) no-repeat center top;
	background-size:100%;
}
.activityBox dd li table {
	width:100%;
	height:0;
	font-size:14px;
	overflow:hidden;
}
.activityBox dd li table th {
	width:215px;
	padding:10px 0 10px 10px;
	border-bottom:1px solid #000;
	background:url(../img/overview/th_result.png) repeat left top;
	color:#fff;
	font-weight:bold;
}
.activityBox dd li table th.green {
	text-shadow: 0px 1px 7px rgba(64, 134, 133, 1);
}
.activityBox dd li table th.red {
	text-shadow: 0px 1px 7px rgba(238, 119, 0, 1);
}
.activityBox dd li table td {
	width:243px;
	padding:10px;
	border-bottom:1px solid #000;
	background:url(../img/overview/td_result.png) repeat left top;
	color:#a0a0a0;
	font-weight:bold;
}
.activityBox dd li table td a {
	display:block;
	height:21px;
	color:#fff;
	text-decoration:underline;
	word-break:break-all;
	overflow:hidden;
}
.activityBox dd li table td a:hover {
	text-decoration:none;
}
.activityBox dd li table td img {
	margin:0 5px 0 0;
}
.activityBox dd li table td.unknown {
	padding:0 0 0 25px;
	color:#a0a0a0;
}
.activityBox .sideNav {
	position:absolute;
	top:0;
}
.activityBox .sideNav li {
	position:absolute;
	width:26px;
	top:160px;
	height:203px;
	border:1px solid #377272;
	cursor:pointer;
}
.activityBox .sideNav li.left {
	left:-5px;
	background:url(../img/overview/arrow_matchleft_on.png) no-repeat center center #000;
}
.activityBox .sideNav li.right {
	left:1117px;
	background:url(../img/overview/arrow_matchright_on.png) no-repeat center center #000;
}
.activityBox .sideNav li.left:hover {
	background:url(../img/overview/arrow_matchleft_on.png) no-repeat center center #132e2e;
}
.activityBox .sideNav li.right:hover {
	background:url(../img/overview/arrow_matchright_on.png) no-repeat center center #132e2e;
}
.activityBox .sideNav li.left.off {
	background:url(../img/overview/arrow_matchleft.png) no-repeat center center #000;
}
.activityBox .sideNav li.right.off {
	background:url(../img/overview/arrow_matchright.png) no-repeat center center #000;
}
.activityBox .sideNav li.off {
	cursor:default;
}
.activityBox .btmNav {
	position:absolute;
	bottom:25px;
	left:50%;
}
.activityBox .btmNav li {
	float:left;
	width:10px;
	height:10px;
	margin:0 5px;
	border-radius:50px;
	border:2px solid #408685;
	cursor:pointer;
}
.activityBox .btmNav li.current {
	background:#408685;
	cursor:default;
}