@import url(https://fonts.googleapis.com/css?family=Noto%20Sans);

/*-------------------------------共用-----------------------------------*/

.wrap{
	position: inherit;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*-------------------------------header-----------------------------------*/

.nav-down{
	display: none;
	position: relative;
	width: 100%;
	height: 270px;
	/*	padding-top: 80px;*/
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.8);
}

.nav-down-in{
	position: relative;
	width: auto;
	height: 220px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.nav-down-box{
	position: relative;
	width: 160px;
	height: 220px;
}

.nav-down-box ul{
	list-style: none;
	position: relative;
	padding:5px 0;
	width: 100%;
	height: 100%; 
}

.nav-down-box ul li{
	position: relative;
	width: 100%;
	height: 30px;
}

.nav-down-box ul li a{
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #b4b4b4;
	font-size: 16px;
	transition: 0.3s linear;
}

.nav-down-box ul li a:hover{
	color: #cfae65;
}


/*-------------------------------page-news-----------------------------------*/

.download-area{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 245px;
	height: 400px;
	border:1px solid #7e6440;
}

a.sr-download{
	position: relative;
	display: block;
	width: 245px;
	height: 115px;
	background: url('../img/download-sr.png') no-repeat top center;
	transition: 0.3s linear;
	margin-top: -25px;
}

a.sr-download:hover{
	filter: brightness(135%);
	-webkit-filter: brightness(135%);
}

.fastlink-area{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 245px;
	height: 285px;
	border-top: none;
	background: url('../img/fastlinkbg.png') no-repeat center center;
}

.fastlink-area a{
	width: 121px;
	height: 95px;
	display: block;
	position: relative;
	padding: 20px;
	text-decoration: none;
	background-color: rgba(0,0,0,0.25);
	transition: 0.3s linear;
}

.fastlink-area a:hover{
	background-color: rgba(166,147,124,0.25);
}

.fastlink-area a img{
	display: block;
	position: relative;
	margin: 0 auto;
}

.fastlink-area a span{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
}

.page-main{
	position: relative;
	width: 1065px;
	height: auto;
	min-height: 800px;
	border:1px solid #ffd195;
	margin-left: 255px;
}

.main-top{
	position: relative;
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #cfa972;
	line-height: 80px;
}

.main-top h1{
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 36px;
	color: #fff;
	text-indent: 10;
}

.main-in{
	position: relative;
	width: 100%;
	height: auto;
	padding: 50px 90px;
}

.breadcrumbs{
	position: absolute;
	right: 40px;
	top: 20px;
	height: 30px;
	min-width: 180px;
	font-size: 14px;
	color: #696969;
	line-height: 30px;
}

.breadcrumbs a{
	text-decoration: none;
	color: #696969;
	margin: 0 5px;
	transition: 0.3s linear;
}

.breadcrumbs a:hover{
	color: #fff;
	text-decoration: underline;
}

.bc-active{
	color: #fff !important;
}

.pg-news-area{
	position: relative;
	width: 100%;
}

ul.news-tabs{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #7e6440;
}

ul.news-tabs li{
	position: relative;
	display: inline-block;
	width: 80px;
	height: 34px;
	background: url('../img/news-tab-bg.png') no-repeat center center;
}

ul.news-tabs li:hover{
	background: url('../img/news-tab-bg-on.png') no-repeat center center;
}

ul.news-tabs li:hover a{
	color: #000000;
	font-weight: 500;
}

ul.news-tabs li.active{
	background: url('../img/news-tab-bg-on.png') no-repeat center center;
}

ul.news-tabs li.active a{
	color: #000000;
	font-weight: 500;
}

ul.news-tabs li a{
	position: relative;
	display: block;
	width: 80px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 20px;
	color: #81705d;
	text-decoration: none;
}

.news-list-container{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 30px 20px; 
}

.news-list{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 450px;
}

.news-list ul{
	list-style: none;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 450px;
}

.news-list ul li{
	position: relative;
	width: 100%;
	height: 30px;
	margin: 15px 0;
	border-bottom: 1px solid #332f29;
}

a.news-name{
	position: relative;
	display: block;
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis; 
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
	transition: 0.3s linear;
}

a.news-name:hover{
	color: #cfae65;
}

a.news-name:before{
	content: '';
	position:absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #ffffff;
}

.news-date{
	position: relative;
	display: block;
	float: right;
	font-size: 14px;
	color: #c3c3c3;
}

.pager{
	position: relative;
	margin: 25px auto 0;
	height: 50px;
	width: 100%;
}

.pg-goto{
	cursor: pointer;
	margin: 0 10px;
	color: #80705e;
	font-size: 16px;
	height: 30px;
	background-color: transparent;
	line-height: 28px;
	text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: 0.3s linear;
    padding: 0 10px;
    border:1px solid #6b573a;
}

.pg-goto:hover{
	background-color: #6b573a;
	color: #eec99b;
}

.pg-normal{
	cursor: pointer;
	margin: 0 10px;
	color: #80705e;
	font-size: 16px;
	width: 30px;
	height: 30px;
	background-color: transparent;
	line-height: 28px;
	text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: 0.3s linear;
    border:1px solid #6b573a;
}

.pg-normal:hover{
	background-color: #6b573a;
	color: #eec99b;
}

.pg-selected{
	cursor: pointer;
	margin: 0 10px;
	width: 30px;
	height: 30px;
	background-color: #6b573a;
	color: #eec99b;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.news-title{
	position: relative;
	text-align: left;
	color: #ffb14c;
	font-size: 30px;
	margin: 0;
	padding: 0;
	font-weight: 700;
}

.news-in-date{
	position: relative;
	display: block;
	margin-top: 5px;
	text-align: left;
	color: #fff;
	font-size: 14px;
}

.news-in-line{
	position: relative;
	display: block;
	margin: 50px 0 25px 0;
}

.pg-news-area p{
	position: relative;
	color: #d5d5d5;
	font-size: 14px;
	line-height: 35px;
}

.pg-news-area a{
	position: relative;
	color: #cfae65;
	transition: 0.3s linear;
}

.pg-news-area a:hover{
	color:#ffb14c;
}

/*-------------------------------page-rk-----------------------------------*/

.rk-main-in{
	position: relative;
	width: 100%;
	height: auto;
	padding: 50px 50px !important;
}

.pg-rk-area{
	position: relative;
	width: 100%;
}

.server-select2{
	position: relative;
	width: 100%;
	height: 30px;
	background: url('../img/page/rk-sv-selectbg.png') no-repeat left center;
}

.server-select2 span{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	text-align: left;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
}

.server-select2 span:after{
	content: '';
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #ebcca0;
	margin-left: 10px;
}

.server-tab{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	height: 30px;
	display: inline-block;
}

.server-tab li{
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

.server-tab li.active a{
	color: #fff;
}

.server-tab li a:hover{
	color: #fff;
}

.server-tab li a{
	color: #949494;
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	transition: 0.3s linear;
}

.rk-content{
	position: relative;
	width: calc(100% - 0px);
	min-height: 750px;
}

.server-rk	{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.rk-box{
	position: relative;
	width: 310px;
	min-height: 750px;
	margin: 0 10px 0px 0;
}

.rk-title{
	position: relative;
	width: 100%;
	height: 180px;
	padding-top: 140px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	overflow: hidden;
}

.rk-guild .rk-title{background: url('../img/page/rk-guild-icn.png') no-repeat top center;}
.rk-rich .rk-title{background: url('../img/page/rk-rich-icn.png') no-repeat top center;}
.rk-lv .rk-title{background: url('../img/page/rk-lv-icn.png') no-repeat top center;}

.rk-list{
	position: relative;
	width: 310px;
	height: 570px;
	padding: 0 15px;
}

.rk-guild .rk-list{background: url('../img/page/rk-bg-1.jpg') no-repeat top center;}
.rk-rich .rk-list{background: url('../img/page/rk-bg-2.jpg') no-repeat top center;}
.rk-lv .rk-list{background: url('../img/page/rk-bg-3.jpg') no-repeat top center;}

.rk-list table{
	position: relative;
	width: 100%;
	border-collapse: collapse;
}

.rk-list table th{
	position: relative;
	font-size: 18px;
	color: #2d1a03;
	text-align: center;
	font-weight: 700;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
}

.rk-list table th:nth-child(1){
	border-right: 1px solid #000;
}

.rk-list table td{
	position: relative;
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	padding: 4px 10px;
}

.rk-list table td:nth-child(1){
	border-right: 1px solid #000;
}

.rk-list table tbody tr:nth-child(1) td{
	padding: 10px;
	color: #fff000;
	font-weight: 500;
}

.rk-list table tbody tr:nth-child(2) td{
	padding: 10px;
	color: #abe8ff;
	font-weight: 500;
}

.rk-list table tbody tr:nth-child(3) td{
	padding: 10px;
	color: #ffbe79;
	font-weight: 500;
}

.rk-list table tbody tr:nth-child(1) td:nth-child(1):before{
	content: '';
	position: absolute;
	width: 29px;
	height: 29px;
	background: url('../img/page/rk-n01.png') no-repeat center;
	background-size: contain;
	left: 25px;
}

.rk-list table tbody tr:nth-child(2) td:nth-child(1):before{
	content: '';
	position: absolute;
	width: 29px;
	height: 29px;
	background: url('../img/page/rk-n02.png') no-repeat center;
	background-size: contain;
	left: 25px;
}


.rk-list table tbody tr:nth-child(3) td:nth-child(1):before{
	content: '';
	position: absolute;
	width: 29px;
	height: 29px;
	background: url('../img/page/rk-n03.png') no-repeat center;
	background-size: contain;
	left: 25px;
}

/*-------------------------------page-download-----------------------------------*/

.download-tab{
	position: relative;
	width: 100%;
	height: 55px;
	border-top:1px solid #ffd195;
	border-bottom:1px solid #ffd195;
	background-color:#443c30; 
}

.download-tab ul{
	position: relative;
	list-style: none;
	width: 480px;
	height: 55px;
	padding:0; 
	margin: 0 auto;
}

.download-tab ul li{
	position: relative;
	width: 160px;
	float: left;
	height: 55px;
	line-height: 55px;
	text-align: center;
}

.download-tab ul li a{
	position: relative;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	transition: 0.3s linear;
}

.download-tab ul li.active a{
	color: #ffd292;
}

.download-tab ul li a:hover{
	color: #ffd292;
}

.pg-download-area{
	position: relative;
	width: 100%;
}

.download-container{
	position: relative;
	width: 100%;
}

.g-download-btns{
	position: relative;
	list-style: none;
	width: 100%;
	height: 60px;
	padding: 0;
}

.g-download-btns li{
	position: relative;
	float: left;
	width: 280px;
	height: 60px;
	margin-right: 10px;
}

.g-download-btns li a{
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 58px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	background-color: #000;
	border:1px solid #504f4f;
	color: #fff;
	text-decoration: none;
	transition: 0.3s linear;
}

.g-download-btns li a:hover{
	background-color: #d1c0a5;
	border:1px solid #fff;
	color: #42392e;
}

.download-container ol{
	position: relative;
}

.download-container ol li{
	position: relative;
	color: #d5d5d5;
	font-size: 16px;
}

.download-container h3{
	position: relative;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-align: left;
}

.download-container table{
	position: relative;
	width: 100%;
	border-collapse: collapse;
}

.download-container table th{
	position: relative;
	font-size: 18px;
	color: #000;
	text-align: center;
	background-color: #a6937c;
	padding: 5px;
	border:1px solid #504f4f;
}

.download-container table td{
	position: relative;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 5px;
	border:1px solid #504f4f;
}

.media-content{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	min-height: 650px;
	margin-top: 40px;
}

.media-box{
	position: relative;
	width: 285px;
	height: 200px;
	margin-bottom: 8px;
}

.media-box a{
	position: relative;
	width: 100%;
	height: 160px;
	display: block;
	text-decoration: none;
	background-color: #a6937c;
	transition: 0.3s linear;
}

.media-box a:hover{
	/*border:1px solid #504f4f;*/
	filter: brightness(130%);
	-webkit-filter: brightness(130%);
}

.media-box a img{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.media-box a iframe{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

.media-box p{
	position: relative;
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

/*-------------------------------page-banlist-----------------------------------*/

.pg-banlist-area{
	position: relative;
	width: 100%;
}

.pg-banlist-area p{
	text-align: right;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
}

.pg-banlist-area table{
	position: relative;
	width: 100%;
	border-collapse: collapse;
}

.pg-banlist-area table th{
	position: relative;
	font-size: 18px;
	color: #000;
	text-align: center;
	background-color: #a6937c;
	padding: 5px;
	border:1px solid #504f4f;
}

.pg-banlist-area table td{
	position: relative;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 5px;
	border:1px solid #504f4f;
}

/*-------------------------------footer-----------------------------------*/

.footer2{
	position: relative; /*relative*/
	background-color: #000;
	width: 100%;
	height: 100px;
	font-size: 12px;
	z-index: 1;
	bottom:0; 
	min-width: 1400px;
}

.footer2 .footerwrap{
	width: 1000px;
	padding: 20px 0;
	margin:0 auto;
	color: #fff;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.digeam{
	background:url('../img/sever-yellow3.png');
	background-position:left top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 133px;
    height:32px;
    text-indent: -9999px;
    display: block;
}

.joymax{
	background:url('../img/joymax.png');
	background-position:left top;
    background-repeat: no-repeat;
    background-size: contain;
    width:150px;
    height:31px;
    text-indent: -9999px;
    display: block;
}

.DGcopy a{
	color: #e5be7b;
}

.DGcopy a:hover{
	color: #fff;
}

.grade{
	width: 325px;
    display: flex;
    justify-content: space-between;
}

.grade > ul{
    padding: 0;
    margin: 0;
    list-style: none;
}