@charset "UTF-8";
/*---------------------------------
	layout
---------------------------------*/
#wrapper {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../img/ranking/bg_ranking.jpg) no-repeat center top fixed;
	background-size:auto,100%;
}
#contents {
	position:relative;
	margin:0 auto;
	padding:300px 0 0 0;
	color:#bdb6af;
}
#contents > .btn {
	position:absolute;
	top:6px;
	right:50%;
	min-width:220px;
	margin:0 -620px 0 0;
}
#contents h1 {
	position:absolute;
	top:100px;
	width:100%;
	color:#fff;
	font-size:48px;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
	-webkit-animation:animate_01 1s;
	animation:animate_01 1s;
}
#contents h1:after {
	content:'';
	display:block;
	width:5.8em;
	height:1px;
	margin:0 auto;
	background:#fff;
	-webkit-animation:animate_02 1.5s;
	animation:animate_02 1.5s;
}
p.up_detail {
	position:absolute;
	top:209px;
	width:100%;
	padding: 17px 0;
	background: url(../img/common/line_updetail.png) repeat-y center top;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	text-shadow: 0 0 10px #000,0 0 10px #000;
	-webkit-animation:animate_03 1.5s;
	animation:animate_03 1.5s;
}
p.up_detail span {
	padding: 0 0 0 40px;
	background: url(../img/common/icon_new.png) no-repeat left center;
}
@keyframes animate_01 {
	0% {
		top:50px;
		opacity:0;
	}
	100% {
		top:100px;
		opacity:1;
	}
}
@keyframes animate_02 {
	0% {
		width:0;
		opacity:0;
	}
	70% {
		width:0;
		opacity:0;
	}
	100% {
		width:5.8em;
		opacity:1;
	}
}
@keyframes animate_03 {
	0% {
		opacity:0;
	}
	70% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/*---------------------------------
	tab
---------------------------------*/
#contents .inner {
	padding:50px 0 100px 0;
	background:rgba(0,0,0,0.6);
}
/*tab*/
#selectArea {
	width:1242px;
	margin:0 auto 50px auto;
	background:url(../img/common/tab_line.png) no-repeat center top,url(../img/common/tab_line.png) no-repeat center bottom;
	background-size:100%;
}
#selectArea p.attention {
	padding:0 0 10px 0;
	color:#777370;
	font-size:12px;
	text-align:center;
}
.tab {
	border-bottom:1px solid #3c3732;
	text-align:center;
	letter-spacing:-0.4em;
}
.tab li {
	display:inline-block;
	/*width:200px;*/
	width: 16.1%;
	margin:0 auto;
	border:#a0968c;
	background:rgba(255,255,255,0);
	letter-spacing:1px;
	transition:0.25s ease background-color;
}
.tab li:nth-of-type(1),
.tab li:nth-of-type(4) {
	/*width: 220px;*/
	width: 17.7%;
}
.tab li:hover{
	background:rgba(255,245,235,0.2);
	color:#a0968c;
}
.tab li.current {
	background:#fff5eb;
	box-shadow:0px 0px 20px 2px #3c3732 inset;
	-moz-box-shadow:0px 0px 20px 2px #3c3732 inset;
	-webkit-box-shadow:0px 0px 20px 2px #3c3732 inset;
}
.tab li a {
	display:block;
	padding: 10px 0;
	color:#a0968c;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	/*line-height:50px;*/
}
.tab li.current a {
	color:#3c3732;
}
.tab li.comingsoon,
.tab li.comingsoon:hover {
	background:none;
	color:#777370;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
}
/*---------------------------------
	platform
---------------------------------*/
.search {
	border-bottom:1px solid #3c3732;
	background:rgba(189,182,175,0.1);
	text-align:center;
	letter-spacing:-0.4em;
}
.search div {
	display:inline-block;
	position:relative;
	min-width:230px;
	padding:5px 0 5px 0;
	background:url(../img/ranking/icon_open.png) no-repeat 96% center;
	text-align:left;
	letter-spacing:1px;
	cursor:pointer;
}
.search div.open {
	background:url(../img/ranking/icon_close.png) no-repeat 96% center,rgba(0,0,0,0.4);
}
.search div.time,
.search div.time.open {
	background:none;
	cursor:default;
}
.search div p {
	padding:0 20px;
	border-left:1px solid #3c3732;
	color:#777370;
	font-size:14px;
	line-height:40px;
}
.search div:last-child p {
	border-right:1px solid #3c3732;
}
.search div p img {
	vertical-align:middle;
}
.search div p span {
	padding:0 10px;
	color:#fff5eb;
}
.search div ul {
	display:none;
	position:absolute;
	top:50px;
	width:100%;
	padding:2px;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.8);
	box-sizing:border-box;
	text-align:center;
	z-index:10;
}
.search div ul li {
	color:#fff;
	font-size:16px;
	line-height:44px;
	cursor:pointer;
}
.search div ul li img {
	vertical-align:middle;
}
.search div ul li:hover {
	background:rgba(60,55,50,0.7);
}
/*---------------------------------
	stage
---------------------------------*/
.stageSelect {
	width:1222px;
	margin:0 auto;
	padding:20px 10px;
	text-align:center;
}
.stageSelect li {
	position:relative;
	display:inline-block;
	/*width:13.3%;*/
	width:15.7%;
	margin:0 0.7% 0 0;
	transition:opacity 0.5s;
	cursor:pointer;
}
.stageSelect li img {
	opacity:0.4;
	transition:opacity 0.5s;
}
.stageSelect li:hover span {
	color:#ffa019;
}
.night .stageSelect li {
	/*width:17.1%;*/
	width:15.7%;
	height:120px;
	margin:0 2.5% 0 0;
}
.birth .stageSelect li {
	width:15.7%;
}
.stageSelect li img {
	width:100%;
	height:auto;
}
.stageSelect li:last-child {
	margin:0;
}
.stageSelect li.current img {
	opacity:1;
	transition:opacity 0.5s;
}
.stageSelect li span {
	display:block;
	color:#fff5eb;
	font-size:11px;
	text-align:center;
}
.stageSelect li.current span {
	color:#ffa019;
	text-decoration:underline;
}
.stageSelect li.noactive {
	cursor:default;
	opacity:1;
}
/*
.stageSelect li.noactive:after {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100.8%;
	height:calc(100% * 0.85);
	background:url(../img/ranking/unknown.gif) no-repeat left top;
	background-size:100% 100%;
	cursor:default;
}
*/
p.loginTxt {
	position:absolute;
	top:40px;
	left:2%;
	width:96%;
	border:1px solid #3c3732;
	background:#000;
	color:#bdb6af;
	font-size:14px;
	line-height:60px;
	text-align:center;
}
p.loginTxt a {
	color:#ffa019;
	text-decoration:underline;
}
p.loginTxt a:hover {
	text-decoration:none;
}
/*---------------------------------
	timeRank - timeList
---------------------------------*/
#timeRank,
#timeList {
	position:relative;
	width:1222px;
	margin:0 auto 36px auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#timeList {
	margin:0 auto 10px auto;
}
#timeRank table,
#timeList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#timeRank th,
#timeList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#timeRank td {
	height:78px;
	border:1px solid #3c3732;
}
#timeList td {
	height:69px;
	border:1px solid #3c3732;
}
#timeRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#timeList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#timeRank tr.bottom td,
#timeList tr.bottom td {
	height:14px;
}
#timeRank tr.bottom td:nth-of-type(3),
#timeList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#timeRank tr.bottom td:nth-of-type(4),
#timeList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#timeList .nodata td {
	background:none!important;
}
/*rank*/
#timeRank th:nth-of-type(1),
#timeList th:nth-of-type(1),
#timeRank td.rank,
#timeList td.rank {
	width:9.9%;
	font-size:18px;
}
#timeRank th:nth-of-type(1) img,
#timeList th:nth-of-type(1) img {
	vertical-align:middle;
}
/*icon*/
#timeRank th:nth-of-type(2),
#timeList th:nth-of-type(2) {
	width:36.2%;
	padding:0 0 0 4%;
	text-align:left;
}
#timeRank td.icon,
#timeList td.icon {
	width:8.2%;
	border-right:none;
}
#timeRank td.icon img {
	display:none;
}
/*name*/
#timeRank td.name {
	width:27.9%;
	padding:0 5px;
	border-left:none;
	font-size:16px;
	text-align:left;
	word-break:break-all;
	box-sizing:border-box;
}
#timeList td.name {
	padding:0 5px;
	border-left:none;
	font-size:14px;
	text-align:left;
	word-break:break-all;
	box-sizing:border-box;
}
#timeRank td.name a,
#timeList td.name a {
	color:#bdb6af;
}
/*time*/
#timeRank th:nth-of-type(3),
#timeList th:nth-of-type(3) {
	width:36.2%;
	background:rgba(160,150,140,0.3);
}
#timeRank td.time {
	background:rgba(160,150,140,0.1);
	font-size:28px;
}
#timeList td.time {
	background:rgba(160,150,140,0.1);
	font-size:24px;
}
#timeRank td.time span.mm,
#timeList td.time span.mm {
	font-size:18px;
}
#timeList tr:nth-of-type(2n) td.time {
	background:rgba(160,150,140,0.2);
}
/*region*/
#timeRank th:nth-of-type(4),
#timeList th:nth-of-type(4) {
	width:200px;
}
#timeList td.region {
	
}
#timeList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*side*/
#timeRank .side,
#timeList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#timeRank td:nth-of-type(1).side,
#timeRank td:nth-of-type(1).side,
#timeList td:nth-of-type(1).side,
#timeList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#timeRank td:nth-of-type(2).side,
#timeRank td:nth-of-type(7).side,
#timeList td:nth-of-type(2).side,
#timeList td:nth-of-type(3).side,
#timeList td:nth-of-type(7).side {
	border-right:none;
	background:none;
}
/*---------------------------------
	heroRank - heroList
---------------------------------*/
#heroRank,
#heroList {
	position:relative;
	width:1222px;
	margin:0 auto 36px auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#heroList {
	margin:0 auto 10px auto;
}
#heroRank table,
#heroList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#heroRank table.total,
#heroList table.total {
	display: none;
}
#heroRank th,
#heroList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#heroRank td {
	height:78px;
	border:1px solid #3c3732;
}
#heroList td {
	height:69px;
	border:1px solid #3c3732;
}
#heroRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#heroList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
/*-------table-------*/
/*rank*/
#heroRank th:nth-of-type(1) img,
#heroList th:nth-of-type(1) img {
	vertical-align:middle;
}
#heroRank th:nth-of-type(1),
#heroList th:nth-of-type(1),
#heroRank td.rank,
#heroList td.rank {
	width:6.2%;
	font-size:18px;
}
/*icon*/
#heroRank th:nth-of-type(2),
#heroList th:nth-of-type(2) {
	width:30.3%;
	padding:0 0 0 4%;
	text-align:left;
	box-sizing:border-box;
}
#heroRank td.icon,
#heroList td.icon {
	width:5%;
	border-right:none;
}
#heroRank td.icon img {
	display:none;
}
/*name*/
#heroRank td.name,
#heroList td.name {
	padding:0 5px;
	border-left:none;
	font-size:16px;
	text-align:left;
	word-break:break-all;
}
#heroRank td.name a,
#heroList td.name a {
	color:#bdb6af;
}
/*time*/
#heroRank th:nth-of-type(3),
#heroList th:nth-of-type(3) {
	width:29.5%;
	background:rgba(160,150,140,0.3);
}
#heroRank td.time,
#heroList td.time {
	width:29.5%;
	font-size:24px;
	background:rgba(160,150,140,0.1);
}
#heroRank td.time span,
#heroList td.time span {
	font-size:18px;
}
#heroList tr:nth-of-type(2n) td.time {
	background:rgba(160,150,140,0.2);
}
/*ammo*/
#heroRank th:nth-of-type(4),
#heroList th:nth-of-type(4) {
	width:15.8%;
}
#heroRank td:nth-of-type(6) img,
#heroList td:nth-of-type(6) img {
	border:none;
}
/*region*/
#heroRank th:nth-of-type(5),
#heroList th:nth-of-type(5) {
	width:200px;
}
#heroRank td.region,
#heroList td.region {
	width:200px;
	font-size:14px;
}
/*side*/
#heroRank .nodata td,
#heroList .nodata td {
	background:none!important;
}
#heroList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
#heroRank tr.bottom td,
#heroList tr.bottom td {
	height:14px;
}
#heroRank tr.bottom td:nth-of-type(3),
#heroList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#heroRank tr.bottom td:nth-of-type(4),
#heroList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#heroRank .side,
#heroList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#heroRank td:nth-of-type(1).side,
#heroRank td:nth-of-type(1).side,
#heroList td:nth-of-type(1).side,
#heroList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#heroRank td:nth-of-type(2).side,
#heroRank td:nth-of-type(8).side,
#heroList td:nth-of-type(2).side,
#heroList td:nth-of-type(3).side,
#heroList td:nth-of-type(8).side {
	border-right:none;
	background:none;
}
/*---------------------------------
	eozRank - eozList
---------------------------------*/
#eozRank,
#eozList {
	position:relative;
	width:1222px;
	margin:0 auto 36px auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#eozRank {
	margin: 0 auto 10px auto;
}
#eozList {
	margin:0 auto 10px auto;
}
#eozRank table,
#eozList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#eozRank table.total,
#eozList table.total {
	display: none;
}
#eozRank th,
#eozList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#eozRank td {
	height:78px;
	border:1px solid #3c3732;
}
#eozList td {
	height:69px;
	border:1px solid #3c3732;
}
#eozRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#eozList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
/*-------table-------*/
/*rank*/
#eozRank th:nth-of-type(1) img,
#eozList th:nth-of-type(1) img {
	vertical-align:middle;
}
#eozRank th:nth-of-type(1),
#eozList th:nth-of-type(1),
#eozRank td.rank,
#eozList td.rank {
	width:6.2%;
	font-size:18px;
}
/*icon*/
#eozRank th:nth-of-type(2),
#eozList th:nth-of-type(2) {
	width:30.3%;
	padding:0 0 0 4%;
	text-align:left;
	box-sizing:border-box;
}
#eozRank td.icon,
#eozList td.icon {
	width:5%;
	border-right:none;
}
#eozRank td.icon img {
	display:none;
}
/*name*/
#eozRank td.name,
#eozList td.name {
	padding:0 5px;
	border-left:none;
	font-size:16px;
	text-align:left;
	word-break:break-all;
}
#eozRank td.name a,
#eozList td.name a {
	color:#bdb6af;
}
/*time*/
#eozRank th:nth-of-type(3),
#eozList th:nth-of-type(3) {
	width:21.5%;
	background:rgba(160,150,140,0.3);
}
#eozRank td.time,
#eozList td.time {
	width:21.5%;
	font-size:24px;
	background:rgba(160,150,140,0.1);
}
#eozRank td.time span,
#eozList td.time span {
	font-size:18px;
}
#eozList tr:nth-of-type(2n) td.time {
	background:rgba(160,150,140,0.2);
}
/*ammo*/
#eozRank th:nth-of-type(4),
#eozList th:nth-of-type(4) {
	width:35.65%;
}
#eozRank td:nth-of-type(6) img,
#eozList td:nth-of-type(6) img {
	border:none;
}
/*region*/
#eozRank th:nth-of-type(5),
#eozList th:nth-of-type(5) {
	width:70px;
}
#eozRank td.region,
#eozList td.region {
	width:70px;
	font-size:14px;
}
/*side*/
#eozRank .nodata td,
#eozList .nodata td {
	background:none!important;
}
#eozList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
#eozRank tr.bottom td,
#eozList tr.bottom td {
	height:14px;
}
#eozRank tr.bottom td:nth-of-type(3),
#eozList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#eozRank tr.bottom td:nth-of-type(4),
#eozList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#eozRank .side,
#eozList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#eozRank td:nth-of-type(1).side,
#eozRank td:nth-of-type(1).side,
#eozList td:nth-of-type(1).side,
#eozList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#eozRank td:nth-of-type(2).side,
#eozRank td:nth-of-type(11).side,
#eozList td:nth-of-type(2).side,
#eozList td:nth-of-type(3).side,
#eozList td:nth-of-type(11).side {
	border-right:none;
	background:none;
}
#eoz .attentionTxt {
	margin: 5px 0 36px 0;
	text-align: center;
}
/*---------------------------------
	nightRank - nightList
---------------------------------*/
#nightRank,
#nightList {
	position:relative;
	width:1222px;
	margin:0 auto 36px auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#nightList {
	margin:0 auto 10px auto;
}
#nightRank table,
#nightList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#nightRank table.total,
#nightList table.total {
	display: none;
}
#nightRank th,
#nightList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#nightRank td {
	height:78px;
	border:1px solid #3c3732;
}
#nightList td {
	height:69px;
	border:1px solid #3c3732;
}
#nightRank td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
#nightList td img {
	border:1px solid #504b47;
	vertical-align:middle;
}
/*-------table-------*/
/*rank*/
#nightRank th:nth-of-type(1) img,
#nightList th:nth-of-type(1) img {
	vertical-align:middle;
}
#nightRank th:nth-of-type(1),
#nightList th:nth-of-type(1),
#nightRank td.rank,
#nightList td.rank {
	width:9.9%;
	font-size:18px;
}
/*icon*/
#nightRank th:nth-of-type(2),
#nightList th:nth-of-type(2) {
	width:36.2%;
	padding:0 0 0 4%;
	text-align:left;
	box-sizing:border-box;
}
#nightRank td.icon,
#nightList td.icon {
	width:8.2%;
	border-right:none;
}
#nightRank td.icon img {
	display:none;
}
/*name*/
#nightRank td.name,
#nightList td.name {
	padding:0 5px;
	border-left:none;
	font-size:16px;
	text-align:left;
	word-break:break-all;
}
#nightRank td.name a,
#nightList td.name a {
	color:#bdb6af;
}
/*high*/
#nightRank .high th:nth-of-type(3),
#nightList .high th:nth-of-type(3) {
	width:36.2%;
	background:rgba(160,150,140,0.3);
}
#nightRank .high td.high,
#nightList .high td.high {
	width:36.2%;
	font-size:18px;
	background:rgba(160,150,140,0.1);
}
#nightList .high tr:nth-of-type(2n) td.high {
	background:rgba(160,150,140,0.2);
}
/*region*/
#nightRank .high th:nth-of-type(4),
#nightList .high th:nth-of-type(4),
#nightRank .total th:nth-of-type(4),
#nightList .total th:nth-of-type(4){
	width:200px;
}
#nightRank td.region,
#nightList td.region {
	width:200px;
	font-size:14px;
}
/*side*/
#nightRank .nodata td,
#nightList .nodata td {
	background:none!important;
}
#nightList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
#nightRank tr.bottom td,
#nightList tr.bottom td {
	height:14px;
}
#nightRank tr.bottom td:nth-of-type(3),
#nightList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#nightRank tr.bottom td:nth-of-type(4),
#nightList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#nightRank .side,
#nightList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#nightRank td:nth-of-type(1).side,
#nightRank td:nth-of-type(1).side,
#nightList td:nth-of-type(1).side,
#nightList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#nightRank td:nth-of-type(2).side,
#nightRank .high td:nth-of-type(7).side,
#nightRank .total td:nth-of-type(7).side,
#nightList td:nth-of-type(2).side,
#nightList td:nth-of-type(3).side,
#nightList .high td:nth-of-type(7).side,
#nightList .total td:nth-of-type(7).side {
	border-right:none;
	background:none;
}
/*---------------------------------
	birthRank - birthList
---------------------------------*/
#birthRank,
#birthList {
	position:relative;
	width:1242px;
	margin:0 auto 36px auto;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#birthList {
	margin:0 auto 10px auto;
}
#birthRank table,
#birthList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#birthRank th,
#birthList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#birthRank td {
	height:78px;
	border:1px solid #3c3732;
}
#birthList td {
	height:69px;
	border:1px solid #3c3732;
}
#birthRank td img {
	margin:0 10px;
	border:1px solid #504b47;
	vertical-align:middle;
}
#birthList td img {
	margin:0 10px;
	border:1px solid #504b47;
	vertical-align:middle;
}
#birthRank td {
	height:78px;
}
#birthList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#birthRank th:nth-of-type(1),
#birthList th:nth-of-type(1),
#birthRank td.rank,
#birthList td.rank {
	width:6.1%;
	font-size:18px;
}
#birthRank th:nth-of-type(1) img,
#birthList th:nth-of-type(1) img {
	vertical-align:middle;
}
/*icon*/
#birthRank th:nth-of-type(2),
#birthList th:nth-of-type(2) {
	width:18.9%;
	padding:0 0 0 2%;
	text-align:left;
	box-sizing:border-box;
}
#birthRank td.icon,
#birthList td.icon {
	width:68px;
	border-right:none;
}
#birthRank td.icon img {
	display:none;
}
/*name*/
#birthRank td.name,
#birthList td.name {
	width:140px;
	padding:0 5px;
	border-left:none;
	font-size:14px;
	text-align:left;
	word-break:break-all;
}
#birthRank td.name a,
#birthList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#birthRank th:nth-of-type(3),
#birthList th:nth-of-type(3) {
	width:196px;
	background:rgba(160,150,140,0.3);
}
#birthRank td.time,
#birthList td.time {
	background:rgba(160,150,140,0.1);
	font-size:18px;
	line-height:40px;
}
#birthRank td.time span.mm,
#birthList td.time span.mm {
	font-size:14px;
}
#birthRank td.time img,
#birthList td.time img {
	float:right;
	margin:0 20px;
	border:none;
}
/*stoptime*/
#birthRank th:nth-of-type(6),
#birthList th:nth-of-type(6) {
	width:135px;
}
#birthRank td.stop,
#birthList td.stop {
	font-size:18px;
}
#birthRank td.stop span.mm,
#birthList td.stop span.mm {
	font-size:14px;
}
/*preferredskills*/
#birthRank th:nth-of-type(4),
#birthList th:nth-of-type(4) {
	width:377px;
}
#birthRank td.pref_01,
#birthList td.pref_01,
#birthRank td.pref_02,
#birthList td.pref_02,
#birthRank td.pref_03,
#birthList td.pref_03 {
	font-size:11px;
}
#birthRank td.pref_01 img,
#birthList td.pref_01 img,
#birthRank td.pref_02 img,
#birthList td.pref_02 img,
#birthRank td.pref_03 img,
#birthList td.pref_03 img {
	border:none;
}
#birthRank td.pref_01 span,
#birthList td.pref_01 span,
#birthRank td.pref_02 span,
#birthList td.pref_02 span,
#birthRank td.pref_03 span,
#birthList td.pref_03 span {
	display:block;
}
#birthRank td.pref_01,
#birthList td.pref_01 {
	background:url(../img/common/ranktag_01.png) no-repeat left top;
}
#birthList tr:nth-of-type(2n) td.pref_01 {
	background:url(../img/common/ranktag_01.png) no-repeat left top rgba(160,150,140,0.1)
}
#birthRank td.pref_02,
#birthList td.pref_02 {
	background:url(../img/common/ranktag_02.png) no-repeat left top;
}
#birthList tr:nth-of-type(2n) td.pref_02 {
	background:url(../img/common/ranktag_02.png) no-repeat left top rgba(160,150,140,0.1)
}
#birthRank td.pref_03,
#birthList td.pref_03 {
	background:url(../img/common/ranktag_03.png) no-repeat left top;
}
.notlogin #birthRank td.pref_01,
.notlogin #birthRank td.pref_02,
.notlogin #birthRank td.pref_03 {
	background:none;
}
#birthList tr:nth-of-type(2n) td.pref_03 {
	background:url(../img/common/ranktag_03.png) no-repeat left top rgba(160,150,140,0.1)
}
/*favorite weapon*/
#birthRank th:nth-of-type(5),
#birthList th:nth-of-type(5) {
	width:156px;
}
#birthRank td.fav,
#birthList td.fav {
	font-size:14px;
}
#birthRank td.fav img,
#birthList td.fav img {
	border:none;
}
#birthRank td.fav span,
#birthList td.fav span {
	display:block;
	font-size:11px;
}
/*region*/
#birthRank th:nth-of-type(7),
#birthList th:nth-of-type(7) {
	width:69px;
}
/*side*/
#birthRank .nodata td,
#birthList .nodata td {
	background:none!important;
}
#birthRank tr.bottom td,
#birthList tr.bottom td {
	height:14px;
}
#birthRank tr.bottom td:nth-of-type(3),
#birthList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#birthRank tr.bottom td:nth-of-type(4),
#birthList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#birthRank .side,
#birthList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#birthRank td:nth-of-type(1).side,
#birthList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#birthRank td:nth-of-type(2).side,
#birthRank td:nth-of-type(12).side,
#birthList td:nth-of-type(2).side,
#birthList td:nth-of-type(3).side,
#birthList td:nth-of-type(12).side {
	border-right:none;
	background:none;
}
/*---------------------------------
	ethanRank - ethanList
---------------------------------*/
#ethanRank,
#ethanList {
	position:relative;
	width:1242px;
	margin:0 auto 36px auto;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#ethanList {
	margin:0 auto 10px auto;
}
#ethanRank table,
#ethanList table {
	width:100%;
	margin:0 auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	text-align:center;
}
#ethanRank th,
#ethanList th {
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.5);
	color:#a0968c;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
#ethanRank td {
	height:78px;
	border:1px solid #3c3732;
}
#ethanList td {
	height:69px;
	border:1px solid #3c3732;
}
#ethanRank td img {
	margin:0 10px;
	border:1px solid #504b47;
	vertical-align:middle;
}
#ethanList td img {
	margin:0 10px;
	border:1px solid #504b47;
	vertical-align:middle;
}
#ethanRank td {
	height:78px;
}
#ethanList tr:nth-of-type(2n) td {
	background:rgba(160,150,140,0.1);
}
/*-------table-------*/
/*rank*/
#ethanRank th:nth-of-type(1),
#ethanList th:nth-of-type(1),
#ethanRank td.rank,
#ethanList td.rank {
	width:8%;
	padding:0 5px;
	font-size:18px;
}
#ethanRank th:nth-of-type(1) img,
#ethanList th:nth-of-type(1) img {
	vertical-align:middle;
}
/*icon*/
#ethanRank th:nth-of-type(2),
#ethanList th:nth-of-type(2) {
	width:18.9%;
	padding:0 0 0 2%;
	text-align:left;
	box-sizing:border-box;
}
#ethanRank td.icon,
#ethanList td.icon {
	width:5.5%;
	border-right:none;
}
#ethanRank td.icon img {
	display:none;
}
/*name*/
#ethanRank td.name,
#ethanList td.name {
	border-left:none;
	font-size:14px;
	text-align:left;
	word-break:break-all;
}
#ethanRank td.name a,
#ethanList td.name a {
	color:#bdb6af;
}
/*cleartime*/
#ethanRank th:nth-of-type(3),
#ethanList th:nth-of-type(3) {
	width:24%;
	background:rgba(160,150,140,0.3);
}
#ethanRank td.time,
#ethanList td.time {
	font-size:18px;
	background:rgba(160,150,140,0.1);
}
#ethanRank td.time span.mm,
#ethanList td.time span.mm {
	font-size:14px;
}
#ethanRank td.time img,
#ethanList td.time img {
	float:right;
	margin:0 20px;
	border:none;
}
/*preferredskills*/
#ethanRank th:nth-of-type(4),
#ethanList th:nth-of-type(4) {
	width:29.33%;
}
#ethanRank td.pref_01,
#ethanList td.pref_01,
#ethanRank td.pref_02,
#ethanList td.pref_02,
#ethanRank td.pref_03,
#ethanList td.pref_03 {
	font-size:11px;
}
#ethanRank td.pref_01 img,
#ethanList td.pref_01 img,
#ethanRank td.pref_02 img,
#ethanList td.pref_02 img,
#ethanRank td.pref_03 img,
#ethanList td.pref_03 img {
	border:none;
}
#ethanRank td.pref_01 span,
#ethanList td.pref_01 span,
#ethanRank td.pref_02 span,
#ethanList td.pref_02 span,
#ethanRank td.pref_03 span,
#ethanList td.pref_03 span {
	display:block;
}
#ethanRank td.pref_01,
#ethanList td.pref_01 {
	background:url(../img/common/ranktag_01.png) no-repeat left top;
}
#ethanList tr:nth-of-type(2n) td.pref_01 {
	background:url(../img/common/ranktag_01.png) no-repeat left top rgba(160,150,140,0.1)
}
#ethanRank td.pref_02,
#ethanList td.pref_02 {
	background:url(../img/common/ranktag_02.png) no-repeat left top;
}
#ethanList tr:nth-of-type(2n) td.pref_02 {
	background:url(../img/common/ranktag_02.png) no-repeat left top rgba(160,150,140,0.1)
}
#ethanRank td.pref_03,
#ethanList td.pref_03 {
	background:url(../img/common/ranktag_03.png) no-repeat left top;
}
.notlogin #ethanRank td.pref_01,
.notlogin #ethanRank td.pref_02,
.notlogin #ethanRank td.pref_03 {
	background:none;
}
#ethanList tr:nth-of-type(2n) td.pref_03 {
	background:url(../img/common/ranktag_03.png) no-repeat left top rgba(160,150,140,0.1)
}
/*clear*/
#ethanRank th:nth-of-type(5),
#ethanList th:nth-of-type(5) {
	width:12.4%;
}
#ethanRank td.clear,
#ethanList td.clear {
	font-size:18px;
}
/*region*/
#ethanRank th:nth-of-type(6),
#ethanList th:nth-of-type(6) {
	width:5.7%;
}
/*side*/
#ethanRank .nodata td,
#ethanList .nodata td {
	background:none!important;
}
#ethanRank tr.bottom td,
#ethanList tr.bottom td {
	height:14px;
}
#ethanRank tr.bottom td:nth-of-type(3),
#ethanList tr.bottom td:nth-of-type(3) {
	border-right:none;
}
#ethanRank tr.bottom td:nth-of-type(4),
#ethanList tr.bottom td:nth-of-type(4) {
	border-left:none;
}
#ethanRank .side,
#ethanList .side {
	width:10px;
	height:auto;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
#ethanRank td:nth-of-type(1).side,
#ethanList td:nth-of-type(1).side {
	border-left:none;
	background:none;
}
#ethanRank td:nth-of-type(2).side,
#ethanRank td:nth-of-type(11).side,
#ethanList td:nth-of-type(2).side,
#ethanList td:nth-of-type(3).side,
#ethanList td:nth-of-type(11).side {
	border-right:none;
	background:none;
}
/*---------------------------------
	notLogin
---------------------------------*/
#contents .notLoginBox {
	display:none;
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
#contents .notLoginBox .inner {
	padding:120px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	background:none;
	color:#a0968c;
	font-size:18px;
	text-align:center;
}
#contents .notLoginBox h3 {
	margin:0 0 20px 0;
	font-size:18px;
	font-weight:normal;
}
#contents .notLoginBox h3 a {
	color:#ffa019;
	text-decoration:underline;
}
#contents .notLoginBox h3 a:hover {
	text-decoration:none;
}
#contents .notLoginBox .btn_cross {
	display:inline-block;
}
#contents .notLoginBox .btn_cross a {
	position:relative;
	display:block;
	width:302px;
	height:62px;
	margin:0 auto;
	color:#fff5eb;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:62px;
	transition:0.25s ease all;
}
#contents .notLoginBox .btn_cross span {
	position:absolute;
	background:#bdb6af;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}
#contents .notLoginBox .btn_cross span.bg {
	background:rgba(255,245,235,0);
	width:292px;
	height:52px;
	top:5px;
	left:5px;
}	
#contents .notLoginBox .btn_cross span.bdT{width: 100%; height:1px; top:0; left:0;}
#contents .notLoginBox .btn_cross span.bdB{width: 100%; height:1px; bottom:0; right:0;}
#contents .notLoginBox .btn_cross span.bdR{height:100%; width :1px; right:0; top:0;}
#contents .notLoginBox .btn_cross span.bdL{height:100%; width :1px; left:0; bottom:0;}
#contents .notLoginBox .btn_cross a span{-webkit-transition:all 0.2s;transition:all 0.2s;}

#contents .notLoginBox .btn_cross a:hover span.bg{background:rgba(255,245,235,0.2);}
#contents .notLoginBox .btn_cross a:hover span.bdT{-webkit-transform: translate(0,5px); transform: translate(0,5px);}
#contents .notLoginBox .btn_cross a:hover span.bdB{-webkit-transform: translate(0,-5px); transform: translate(0,-5px);}
#contents .notLoginBox .btn_cross a:hover span.bdR{-webkit-transform: translate(-5px,0); transform: translate(-5px,0);}
#contents .notLoginBox .btn_cross a:hover span.bdL{-webkit-transform: translate(5px,0); transform: translate(5px,0);}
/*---------------------------------
	listUi
---------------------------------*/
#listUi .myRank {
	float:left;
	width:188px;
	border:1px solid #ffa019;
}
#listUi .myRank a {
	display:block;
	background:url(../img/ranking/arrow_or.png) no-repeat 95% center;
	color:#ffa019;
	text-align:center;
	line-height:38px;
}
#listUi .update {
	float:left;
	margin:20px 0 0 0;
	color:#504b47;
	font-size:14px;
}
/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:1000px) and (max-width: 1200px) {
	#wrapper {
		min-width:100%;
	}
	#globalHeader .inner,
	#header .inner,
	#selectArea,
	.stageSelect,
	#timeRank,
	#timeList,
	#heroRank,
	#heroList,
	#eozRank,
	#eozList,
	#nightRank,
	#nightList,
	#birthRank,
	#birthList,
	#contents .notLoginBox {
		width:96%;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#contents > .btn {
		right:3%;
		margin:0;
	}
	/*clear*/
	#timeRank th:nth-of-type(3),
	#timeList th:nth-of-type(3) {
		width:33%;
	}
	
}
/*最低幅固定*/
@media screen  and (max-width:1000px){
	#wrapper {
		min-width:960px;
	}
	#globalHeader .inner,
	#header .inner,
	#selectArea,
	.stageSelect,
	#timeRank,
	#timeList,
	#heroRank,
	#heroList,
	#eozRank,
	#eozList,
	#nightRank,
	#nightList,
	#birthRank,
	#birthList,
	#contents .notLoginBox {
		width:960px;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#contents > .btn {
		right:3%;
		margin:0;
	}
	/*clear*/
	#timeRank th:nth-of-type(3),
	#timeList th:nth-of-type(3) {
		width:31%;
	}
	
}