html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

progress {
	vertical-align: baseline;
}

template,
[hidden] {
	display: none;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a,
img {
	border-style: none;
	outline: none;
	border: none;
	text-decoration: none;
}

svg:not(:root) {
	overflow: hidden;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0;
}

optgroup {
	font-weight: bold;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

div {
	margin: 0;
	padding: 0;
}

::-webkit-input-placeholder {
	color: #a3a3a3;
}

::-moz-placeholder {
	color: #a3a3a3;
}

::-ms-input-placeholder {
	color: #a3a3a3;
}

::-o-placeholder {
	color: #a3a3a3;
}

.clear {
	content: "";
	width: 100%;
	float: left;
}

.full {
	width: 100%;
	float: left;
	position: relative;
}

.relative {
	position: relative;
}

.centertxt {
	text-align: center;
}

.inside {
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* animation */
/*body{perspective:800px;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective: 800px;}*/
.ani-slow {
	transition: all 1200ms ease-in-out;
	-webkit-transition: all 1200ms ease-in-out;
	-moz-transition: all 1200ms ease-in-out;
	-ms-transition: all 1200ms ease-in-out;
	-o-transition: all 1200ms ease-in-out;
}

.ani-med {
	transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
}

.ani-fast,
.container,
.lcbtn_eac,
.btn_download_hover,
.each_slide,
.fixzone {
	transition: all 300ms cubic-bezier(0.64, 0.09, 0.31, 0.97);
	-webkit-transition: all 300ms cubic-bezier(0.64, 0.09, 0.31, 0.97);
	-moz-transition: all 300ms cubic-bezier(0.64, 0.09, 0.31, 0.97);
	-ms-transition: all 300ms cubic-bezier(0.64, 0.09, 0.31, 0.97);
	-o-transition: all 300ms cubic-bezier(0.64, 0.09, 0.31, 0.97);
}

.ani-sfast,
.popbtn_n,
.popbtn_y,
.btn_download,
.lbtn_ac,
.tn_title,
.each_news,
.hmenu,
.lcn_link {
	transition: all 100ms linear;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
}

body {
	width: 100%;
	min-height: 100vh;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

a,
img {
	outline: none;
	border: none;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

a,
img {
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}

@font-face {
	font-family: daFont;
	src: url('font01.ttf');
}

body {
	font-family: daFont;
	font-size: 14px;
	line-height: 18px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	text-rendering: optimizeLegibility;
	color: #838383;
	background: #000;
}

.notification {
	width: 300px;
	height: auto;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -150px;
	box-sizing: border-box;
	padding: 0 5px;
	z-index: 9999;
}

.popnoti {
	width: 100%;
	float: left;
	margin: 5px 0;
	box-sizing: border-box;
	padding: 10px 30px;
	text-align: center;
	background: #f1f1f1;
	border: solid 1px #e6e6e6;
	border-bottom: solid 3px #d1d1d1;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 #B8B8B8;
	position: relative;
	color: #838383;
}

.popnoti:before {
	content: "\f06a";
	font-family: 'FontAwesome';
	font-size: 22px;
	line-height: 24px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 6px;
	left: 6px;
	text-align: center;
	color: inherit;
}

.popnoti.type0 {
	background: #f1f1f1;
	border: solid 1px #e6e6e6;
	border-bottom: solid 3px #d1d1d1;
	color: #838383;
}

.popnoti.type0:before {
	content: "\f06a";
}

.popnoti.type1 {
	background: #e05849;
	border: solid 1px #af665e;
	border-bottom: solid 3px #8e4c45;
	color: #fff;
}

.popnoti.type1:before {
	content: "\f05e";
}

.popnoti.type2 {
	background: #22ad8e;
	border: solid 1px #1b9076;
	border-bottom: solid 3px #108268;
	color: #fff;
}

.popnoti.type2:before {
	content: "\f164";
}

.popnoti.type3 {
	background: #d08510;
	border: solid 1px #af6f0c;
	border-bottom: solid 3px #925a03;
	color: #fff;
}

.popnoti.type3:before {
	content: "\f071";
}

.popnoti.conf {
	background: #f1f1f1;
	border: solid 1px #e6e6e6;
	border-bottom: solid 3px #d1d1d1;
	color: #838383;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 50vh;
	margin-top: -100px;
	top: 10px;
	margin-top: 0;
}

.popnoti.conf:before {
	content: "\f128";
}

.popbtn {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0 0 0;
}

.popbtn_n,
.popbtn_y {
	font-size: 13px;
	line-height: 24px;
	border: none;
	outline: none;
	cursor: pointer;
	margin: 0 5px;
	padding: 0 10px;
	border-radius: 4px;
}

.popbtn_n:active,
.popbtn_y:active {
	transform: translate(0, 2px);
	border-bottom-width: 2px;
}

.popbtn_n {
	background: #CCC;
	border-bottom: solid 3px #bbb;
	color: #757575;
}

.popbtn_y {
	background: #11a7b7;
	border-bottom: solid 3px #1699a7;
	color: #fff;
}

.popclose {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
}

.popclose:before {
	content: "\f00d";
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 24px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: inherit;
}

body {
	font-family: 'Noto Sans', sans-serif;
}

.rating {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 100%;
}

.r {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 100%;
}

.container {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	/* transform:scale(0.96,0.96) translate(0,-8px); opacity:0.9;*/
}

/* .container.ready{/*transform:scale(1,1) translate(0,0); opacity:1;} */
.alignall {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.ax {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.header {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.fullmenu {
	position: relative;
	z-index: 2;
}

.headbg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 1;
}

.headlogo {
	width: 320px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -160px;
	z-index: 10;
}

.ho {
	width: 320px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -160px;
	z-index: 10;
}

.wrap_menu {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	text-align: center;
}

.em_block {
	width: 40%;
	float: left;
	text-align: center;
}

.em_block.midblock {
	width: 20%;
}

.e_menu {
	display: inline-block;
	margin: 0;
	position: relative;
}

.em_lv1 {
	float: left;
	margin: 0;
	padding: 14px 10px;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff1ce;
	line-height: 30px;
}

.em_lv1:hover,
.em_lv1.active {
	color: #f8c13d;
}

.em_home {
	width: 30px;
	height: 58px;
	background: url(../SrcImg/ico_home.png) center center no-repeat;
}

.em_home:hover,
.em_home.active {
	background: url(../SrcImg/ico_home_ac.png) center center no-repeat;
}

.em_lv1 img {
	float: left;
	margin: 0;
}

.has_sub:after {
	content: '';
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	height: 4px;
	background: url(../SrcImg/menu_drop.png) center top no-repeat;
}

.e_menu:hover .sub_menu {
	display: block;
}

.sub_menu {
	width: 180px;
	position: absolute;
	top: 58px;
	left: 50%;
	margin-left: -90px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	padding: 6px;
	display: none;
}

.em_lv2 {
	width: 100%;
	float: left;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color: #fff1ce;
	line-height: 30px;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
}

.em_lv2:hover,
.em_lv2.active {
	color: #f8c13d;
}

.em_lv2:after {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: url(../SrcImg/dasher2.png) center center no-repeat;
}

.b2 {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	z-index: 1;
	height: 650px;
	background: url(../SrcImg/BGtop.gif) center top no-repeat;
	overflow: hidden;
}

.b2:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: url(../SrcImg/anhbia2.jpg) center top no-repeat;
	transform: scale(0.99, 0.99);
	opacity: 0.4;
	animation: aniBG ease-out 2500ms infinite;
}

@keyframes aniBG {
	0% {
		opacity: 1
			/*0.4*/
		;
	}

	50% {
		opacity: 1
			/*0*/
		;
	}

	100% {
		opacity: 1
			/*0.4*/
		;
	}
}

.bannerfx {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	z-index: 1;
	height: 650px;
	background: url(../SrcImg/BGtop.gif) center top no-repeat;
	overflow: hidden;
}

.bannerfx:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background: url(../SrcImg/1.jpg) center top no-repeat;
	transform: scale(0.99, 0.99);
	opacity: 0.4;
	animation: aniBG ease-out 2500ms infinite;
}

@keyframes aniBG {
	0% {
		opacity: 1
			/*0.4*/
		;
	}

	50% {
		opacity: 1
			/*0*/
		;
	}

	100% {
		opacity: 1
			/*0.4*/
		;
	}
}

.cvfx {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.fullmode {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bfx_mod01 {
	width: 741px;
	height: 490px;
	top: 120px;
	left: 240px;
	position: absolute;
	z-index: 4;
	background: url(../SrcImg/mod01.png) center center no-repeat;
	animation: anibmod01 ease-out 2500ms infinite;
}

@keyframes anibmod01 {
	0% {
		transform: translate(0, 0) scale(1, 1);
	}

	50% {
		transform: translate(0, -3px) scale(1, 1);
	}

	100% {
		transform: translate(0, 0) scale(1, 1);
	}
}

.bfx_mod01:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: url(../SrcImg/mod01_de.png) center center no-repeat;
	animation: anibfx01 ease-out 2500ms infinite;
}

@keyframes anibfx01 {
	0% {
		opacity: 0;
	}

	78% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}

	88% {
		opacity: 1;
	}

	90% {
		opacity: 0;
	}
}

.bfx_mod0112 {
	width: 741px;
	height: 590px;
	top: 120px;
	left: 240px;
	position: absolute;
	z-index: 4;
	background: url(../SrcImg/mod01.png) center center no-repeat;
	animation: anibmod01 ease-out 2500ms infinite;
}

@keyframes anibmod01 {
	0% {
		transform: translate(0, 0) scale(1, 1);
	}

	50% {
		transform: translate(0, -3px) scale(1, 1);
	}

	100% {
		transform: translate(0, 0) scale(1, 1);
	}
}

.bfx_mod0112:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: url(../SrcImg/mod01_de.png) center center no-repeat;
	animation: anibfx01 ease-out 2500ms infinite;
}

@keyframes anibfx01 {
	0% {
		opacity: 0;
	}

	78% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}

	88% {
		opacity: 1;
	}

	90% {
		opacity: 0;
	}
}

.bf1 {
	width: 741px;
	height: 590px;
	top: 120px;
	left: 240px;
	position: absolute;
	z-index: 4;
	background: url(../SrcImg/mod01.png) center center no-repeat;
	animation: anibmod01 ease-out 2500ms infinite;
}

@keyframes anibmod01 {
	0% {
		transform: translate(0, 0) scale(1, 1);
	}

	50% {
		transform: translate(0, -3px) scale(1, 1);
	}

	100% {
		transform: translate(0, 0) scale(1, 1);
	}
}

.bf1:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background: url(../SrcImg/mod01_de.png) center center no-repeat;
	animation: anibfx01 ease-out 2500ms infinite;
}

@keyframes anibfx01 {
	0% {
		opacity: 0;
	}

	78% {
		opacity: 0;
	}

	80% {
		opacity: 1;
	}

	88% {
		opacity: 1;
	}

	90% {
		opacity: 0;
	}
}

.bfxm1_light {
	position: absolute;
	z-index: 3;
	top: 53px;
	left: 120px;
	animation: anibfxlight ease-out 4000ms infinite;
}

@keyframes anibfxlight {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	50% {
		transform: translate(250px, 43px);
		opacity: 0;
	}

	100% {
		transform: translate(250px, 43px);
		opacity: 0;
	}
}

.bfxm1_sword {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 165px;
	opacity: 0.9;
	animation: anibfxsw ease-out 2000ms infinite;
}

@keyframes anibfxsw {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.bfxm1_light112 {
	position: absolute;
	z-index: 3;
	top: 103px;
	left: 120px;
	animation: anibfxlight ease-out 4000ms infinite;
}

@keyframes anibfxlight {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}

	5% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	50% {
		transform: translate(250px, 43px);
		opacity: 0;
	}

	100% {
		transform: translate(250px, 43px);
		opacity: 0;
	}
}

.bfxm1_sword112 {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 165px;
	opacity: 0.9;
	animation: anibfxsw ease-out 2000ms infinite;
}

@keyframes anibfxsw {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.e0e_Page {
	position: absolute;
	z-index: 999;
	top: 180px;
	right: 90%;
}



.bfx_mod02 {
	width: 512px;
	height: 418px;
	top: 300px;
	right: 40px;
	position: absolute;
	z-index: 3;
	background: url(../SrcImg/mod02.png) center center no-repeat;
	animation: animod02 ease-out 20000ms infinite;
}

@keyframes animod02 {
	0% {
		transform: scale(1, 1) translate(0, 0);
	}

	50% {
		transform: scale(0.96, 0.96) translate(-10px, -10px);
	}

	100% {
		transform: scale(1, 1) translate(0, 0);
	}
}

.bf2 {
	width: 512px;
	height: 418px;
	top: 300px;
	right: 40px;
	position: absolute;
	z-index: 3;
	background: url(../SrcImg/mod02.png) center center no-repeat;
	animation: animod02 ease-out 20000ms infinite;
}

@keyframes animod02 {
	0% {
		transform: scale(1, 1) translate(0, 0);
	}

	50% {
		transform: scale(0.96, 0.96) translate(-10px, -10px);
	}

	100% {
		transform: scale(1, 1) translate(0, 0);
	}
}

.m2 {
	width: 100%;
	float: left;
	margin: -100px 0 5px 0;
	position: relative;
	z-index: 2;
}

.mainall {
	width: 100%;
	float: left;
	margin: -63px 0 5px 0;
	position: relative;
	z-index: 2;
}

.leftcol {
	width: 29%;
	float: left;
	margin: -234px 0 0 0;
	position: relative;
	padding-bottom: 34px;
}

.leftcol:after {
	content: '';
	width: 100%;
	height: 34px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../SrcImg/left_col_footer.png) center top no-repeat;
}

.lc_head {
	width: 326px;
	height: 250px;
	float: left;
	margin: 0;
	background: url(../SrcImg/left_col_head.png) center top no-repeat;
	position: relative;
	z-index: 2;
}

.btn_download {
	width: 326px;
	float: left;
	margin: 4px 0 0 0;
	cursor: pointer;
}

.btn_download_hover {
	width: 326px;
	cursor: pointer;
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 2;
	opacity: 0;
}

.btn_download_hover:hover {
	opacity: 1;
}

.lc_btn {
	width: 100%;
	float: left;
	margin: 0;
	background: #f980;
}

.lcbtn_e {
	width: 40%;
	float: left;
	position: relative;
	margin: 4px 5% 0;
}

.lcbtn_e img {
	width: 100%;
	float: left;
	margin: 0;
}

.lcbtn_eac {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.lcbtn_e:hover .lcbtn_eac {
	opacity: 1;
}

.lc_main {
	width: 100%;
	float: left;
	margin: -40px 0 0 0;
	position: relative;
	z-index: 1;
	background: url(../SrcImg/left_col_loop.png) center top repeat-y;
	box-sizing: border-box;
	padding: 35px 30px 9px;
	padding: 35px 29.5px 9px;
}

.lc_banner {
	width: 100%;
	float: left;
	margin: 0px 0 10px;
	box-sizing: border-box;
	padding: 0 2px;
}

.lc_banner img {
	width: 100%;
	float: left;
	margin: 0;
}

.lc_module {
	width: 100%;
	float: left;
	margin: 4px 0;
	position: relative;
	overflow: hidden;
}

.lbtn_static {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	z-index: 1;
}

.lbtn_ac {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 2;
	opacity: 0;
}

.lc_module:hover .lbtn_ac {
	opacity: 1;
	transform: none;
}


.wrap_kx {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.kx_l {}

.kx_wrap {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}

.kx_lim {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	position: relative;
	z-index: 2;
}

.kx_e {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
}

.kx_e.prev {
	left: -100%;
	display: block;
}

/*.kx_e.active{left:0; display:block;}*/
.kx_e.active {
	left: 5px;
	display: block;
}

.kx_e.next {
	right: -100%;
	display: block;
}

.kx_size {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
	z-index: -1;
}

.kx_size img {
	width: 100%;
	float: left;
	margin: 0;
}

.topslider {
	width: 100%;
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

/*
			.topslider:before{content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#e7e5e6; opacity:0.9;}*/
.topslider .kx_wrap {
	opacity: 0.99;
	z-index: 2;
}

.topslider .kx_e {
	box-sizing: border-box;
	padding: 1px;
}

/*.topslider .kx_e img{ width:99%; float:left; margin:0;}*/
.topslider .kx_e img {
	width: 250px;
	height: 282px;
	float: left;
	margin: 0;
	border: solid 2px #1d1a13;
}

.topslider .kx_size {
	box-sizing: border-box;
	padding: 5px;
}

.rightcol {
	width: 70%;
	float: left;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 5px;
}

.hotline {
	float: right;
	margin: -133px 0 0 0;
	position: relative;
}
/*
.hotline:before {
	content: "";
	width: 21px;
	height: 93px;
	background: url(../SrcImg/hotline_pre.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
*/
.hl_img {
	width: 232px;
	height: 93px;
	float: left;
	margin: 0;
	background: url(../SrcImg/hotline.png) center right no-repeat;
	animation: anihotline ease-in-out 10000ms infinite;
}

@keyframes anihotline {
	0% {
		width: 38px;
	}

	15% {
		width: 232px;
	}

	75% {
		width: 232px;
	}

	90% {
		width: 38px;
	}

	100% {
		width: 38px;
	}
}

.errorpage {
	float: left;
	margin: -50px 0 0 0;
	position: relative;
}

.errorpage:before {
	content: "";
	width: 21px;
	height: 93px;
	background: url(../SrcImg/hotline_pre.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

.er {
	float: left;
	margin: -50px 0 0 0;
	position: relative;
}

.er:before {
	content: "";
	width: 21px;
	height: 93px;
	background: url(../SrcImg/hotline_pre.png) center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}


.hl_img112 {
	width: 232px;
	height: 93px;
	float: left;
	margin: 0;
	background: url(../SrcImg/errorpage_2.png) center right no-repeat;
	animation: anihotline ease-in-out 10000ms infinite;
}

.hl {
	width: 232px;
	height: 93px;
	float: left;
	margin: 0;
	background: url(../SrcImg/errorpage_3.png) center right no-repeat;
	animation: anihotline ease-in-out 10000ms infinite;
}

.rcol_ct {
	width: 705px;
	float: left;
	margin: 0;
	position: relative;
}

.rcol_full {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	position: relative;
	box-sizing: border-box;
	padding: 0;
}

.rcct_head {
	width: 100%;
	float: left;
	height: 45px;
	background: url(../SrcImg/bar_loop.png) center top repeat-x;
	box-sizing: border-box;
	padding: 0 10px;
}

.hmenu {
	float: left;
	margin: 0;
	padding: 0 15px;
	font-size: 14px;
	line-height: 45px;
	color: #bbad8e;
	font-weight: bold;
	position: relative;
}

.hmenu span {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.rcct_each.active .hmenu {
	color: #eea959;
	background: url(../SrcImg/btn_ac_bg.png) left top repeat-x;
}

.rcct_each.active .hmenu:before {
	content: '';
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../SrcImg/btn_ac_pre.png) left top no-repeat;
	z-index: 1;
}

.rcct_each.active .hmenu:after {
	content: '';
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../SrcImg/btn_ac_suff.png) left top no-repeat;
	z-index: 1;
}

/*.hmenu:hover{color:#ffec00;}*/
.hmenu:after {
	content: '';
	width: 2px;
	height: 45px;
	position: absolute;
	top: 0;
	right: -1px;
	background: url(../SrcImg/dasher.png) center center no-repeat;
}

.extra_mod {
	position: absolute;
	top: -45px;
	right: 8px;
	color: #bbad8e;
	font-size: 13px;
	line-height: 45px;
	box-sizing: border-box;
	padding: 0 24px 0 0;
	background: url(../SrcImg/bar_loop.png) left top repeat-x;
}

.extra_mod:after {
	content: '';
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../SrcImg/ico_exrta.png) center center no-repeat;
}

.back_mod {
	position: absolute;
	top: 0px;
	right: 8px;
	color: #bbad8e;
	font-size: 13px;
	line-height: 45px;
	box-sizing: border-box;
	padding: 0 24px 0 0;
	background: url(../SrcImg/bar_loop.png) left top repeat-x;
}

.back_mod:after {
	content: '';
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../SrcImg/ico_back.png) center center no-repeat;
}

.rcct_all {
	width: 100%;
	height: 260px;
	position: absolute;
	top: 45px;
	left: 0;
	background: #383429;
	box-sizing: border-box;
	padding: 0px;
	display: none;
}

.rcol_full .rcct_all {
	height: 206px;
	border-bottom: solid 3px #2a261c;
}

.rcct_each.active .rcct_all {
	display: block;
}

.topnews {
	width: 100%;
	height: 120px;
	float: left;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
	padding: 8px;
}

/*
						.img_tn{width:120px; border:solid 2px #1d1a13; position:absolute; top:8px; left:8px;}*/
/*.img_tn{width:120px; border:solid 2px #1d1a13; float:left; margin:0;}*/
.img_tn {
	width: 168px;
	border: solid 2px #1d1a13;
	float: left;
	margin: 0;
}

/*
						.tn_col{width:100%; float:left; margin:0; box-sizing:border-box; padding:0 0 0 138px;}*/
.tn_col {
	width: 645px;
	float: left;
	margin: 0 0 0 10px;
	box-sizing: border-box;
	padding: 0 0 0 0;
}

/*.topnews .tn_col{width:555px;}*/
.topnews .tn_col {
	width: 505px;
}

.tn_title {
	float: left;
	margin: 2px 0 0 0;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #f7e5a8;
}

.tn_title:hover {
	color: #ffec00;
}

.tn_time {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0;
	color: #8b8b8b;
	font-size: 13px;
	line-height: 24px;
	font-style: italic;
	text-indent: 5px;
}

.tn_pre {
	float: left;
	margin: 0 0 0 0;
	color: #c1c1c1;
	line-height: 22px;
	word-spacing: 1px;
	font-size: 13px;
}

.other_news {
	width: 100%;
	height: 140px;
	float: left;
	margin: 0;
	overflow: hidden;
	background: #464237;
	position: relative;
	box-sizing: border-box;
	padding: 16px 10px;
	border-bottom: solid 3px #322e23;
}

.other_news:before {
	content: '';
	width: 100%;
	height: 23px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: url(../SrcImg/loop_line01.png) left top repeat-x;
	overflow: hidden;
}

.other_news:after {
	content: '';
	width: 100%;
	height: 8px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	background: #464237;
}

.each_news {
	width: 100%;
	float: left;
	margin: 5px 0;
	text-align: left;
	position: relative;
	z-index: 2;
	font-size: 13px;
	color: #fffff6;
	box-sizing: border-box;
	padding: 0 0 0 15px;
	word-spacing: 1px;
}

.each_news:hover {
	color: #ffec00;
}

.each_news span {
	float: right;
	margin: 0 0 0 10px;
	clear: both;
}

.rcct_detail {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	background: #383429;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: solid 3px #2a261c;
}

.rdt_ct {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}

.rdt_each {
	width: 100%;
	float: left;
	margin: 0;
	box-sizing: border-box;
	padding: 10px 0 15px;
	border-bottom: solid 1px #302d22;
	position: relative;
}

.rdt_each:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 0;
	background: #4b473b;
}

.rdt_post {
	width: 100%;
	float: left;
	margin: 0px 0;
	box-sizing: border-box;
	padding: 5px;
	font-size: 14px;
	color: #e6e6e6;
}

.rdt_post p {
	width: 100%;
	float: left;
	margin: 8px 0;
	word-spacing: 2px;
}

/*.rdt_post span{width:100%; float:left;}*/
.rdt_post p img {
	max-width: 90%;
	display: block;
	margin: 0 auto;
}

.rcol_btn {
	width: 131px;
	float: right;
	margin: -2px 0 0 0;
}

.fullslide {
	width: 100%;
	float: left;
	margin: 12px 0 0 0;
	position: relative;
	overflow: hidden;
}

.slide_left {
	width: 30px;
	height: 203px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: -12px;
	cursor: pointer;
	background: url(../SrcImg/ico_leftslide.png) center center no-repeat #383429;
}

.slide_right {
	width: 30px;
	height: 203px;
	position: absolute;
	z-index: 10;
	right: 0;
	top: -12px;
	cursor: pointer;
	background: url(../SrcImg/ico_rightslide.png) center center no-repeat #383429;
}

.slide_ct {
	width: 10000px;
	height: 206px;
	position: relative;
	float: left;
	margin: 0 0 0 34px;
}

.each_slide {
	width: auto;
	height: 180px;
	float: left;
	margin: 0 5px;
	background: #302c21;
	box-sizing: border-box;
	padding: 5px;
	border: solid 1px #4f4b40;
	cursor: pointer;
	transform: scale(1, 1);
}

.each_slide:hover {
	border: solid 1px #c98d30;
	transform: scale(1, 1) translate(0, 0px);
}

.mit_thumb {
	float: left;
	height: 168px;
	margin: 0;
}

.play_icon {
	width: 46px;
	height: 44px;
	background: url(../SrcImg/play_ico.png) no-repeat 0 0;
	position: absolute;
	top: 68px;
	left: 88px;
}

.f {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	background: #0b0a08;
	box-sizing: border-box;
	padding: 40px 10px;
	position: relative;
}

.f:before {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../SrcImg/line.png) center top no-repeat;
}

.footer {
	width: 100%;
	float: left;
	margin: 15px 0 0 0;
	background: #0b0a08;
	box-sizing: border-box;
	padding: 40px 10px;
	position: relative;
}

.footer:before {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../SrcImg/line.png) center top no-repeat;
}

.footerlogo {
	width: 153px;
	position: absolute;
	top: 10px;
	left: 100px;
}

.footerinfo {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 13px;
	box-sizing: border-box;
	padding: 0 0 0 200px;
}

.footerinfo span {
	margin: 2px 0;
	text-align: center;
	font-size: 13px;
}

.fixzone {
	position: fixed;
	z-index: 990;
	top: 100%;
	right: 8px;
	background: #121212;
	border: solid 1px #4f4b40;
	padding: 28px 10px 10px 10px;
	border-radius: 4px;
	margin-top: -30px;
}

.fixzone.active {
	margin-top: -225px;
}

.fixzone a {
	width: 100%;
	float: left;
	margin: 0;
	border: solid 1px #4f4b40;
	box-sizing: border-box;
	background: #302c21;
	padding: 8px;
}

.fixzone img {
	width: 100%;
	height: 160px;
	float: left;
	margin: 0;
}

.close_fz {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 3px;
	right: 10px;
	background: url(../SrcImg/ico_close.png) center center no-repeat;
	cursor: pointer;
}

.min_fz {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 3px;
	right: 35px;
	background: url(../SrcImg/ico_min.png) center center no-repeat;
	cursor: pointer;
}

.media_showup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	white-space: nowrap;
	display: none;
}

.showup_ct {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 80px 0;
	position: relative;
	text-align: center;
}

.su_frame {
	width: auto;
	max-width: 80%;
	height: auto;
	display: inline-block;
	margin: 0;
	box-sizing: border-box;
	padding: 10px;
	background: #121212;
	border: solid 1px #4f4b40;
	border-radius: 4px;
	position: relative;
}

.su_append {
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
	vertical-align: middle;
}

.close_su {
	width: 40px;
	height: 40px;
	background: url(../SrcImg/ico_close.png) center center no-repeat #121212;
	position: absolute;
	top: 40px;
	right: 50%;
	margin-right: -20px;
	border-radius: 10px;
	cursor: pointer;
}

.su_append img {
	width: auto;
	max-width: 100%;
	float: left;
	margin: 0;
}

.su_append iframe {
	width: auto;
	min-width: 600px;
	max-width: 100%;
	float: left;
	margin: 0;
}

.prev_i {
	width: 30px;
	height: 138px;
	position: absolute;
	top: 50%;
	margin-top: -69px;
	left: -35px;
	background: url(../SrcImg/ico_leftslide.png) center center no-repeat;
	cursor: pointer;
}

.next_i {
	width: 30px;
	height: 138px;
	position: absolute;
	top: 50%;
	margin-top: -69px;
	right: -35px;
	background: url(../SrcImg/ico_rightslide.png) center center no-repeat;
	cursor: pointer;
}

.paging {
	width: 100%;
	float: left;
	margin: 0;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}

.wrap_paging {
	display: inline-block;
	margin: 0 auto;
}

.epage {
	width: 30px;
	height: 30px;
	float: left;
	margin: 2px 5px;
	padding: 0;
	box-sizing: border-box;
	background: #282828;
	border: solid 1px #26231b;
	color: #656565;
	font-weight: bold;
	line-height: 30px;
	border-radius: 2px;
	position: relative;
}

.epage.none {
	border: solid 1px transparent;
	background: none;
}

.epage.prev:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../SrcImg/page_pre.png);
}

.epage.next:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../SrcImg/page_next.png);
}

.epage.disalbe {
	cursor: not-allowed;
	opacity: 0.5;
	transform: scale(0.8, 0.8);
}

.epage:hover,
.epage.active {
	background: #654c21;
	color: #fff;
}

.epage.none:hover {
	background: none;
	color: #656565;
}

.lc_navigate {
	width: 100%;
	float: left;
	margin: 0;
	box-sizing: border-box;
	padding: 0;
	margin: 5px 0 10px;
}

.lcn_each {
	width: 100%;
	float: left;
	margin: 0;
	box-sizing: border-box;
	padding: 0 3px;
	position: relative;
}

.lcn_head {
	width: 259px;
	height: 49px;
	float: left;
	margin: 0;
	background: url(../SrcImg/head_de.jpg) left top no-repeat;
	box-sizing: border-box;
	padding: 0 0 0 35px;
	line-height: 49px;
	overflow: hidden;
	position: relative;
}









.lcn_each.active .lcn_head {
	background: url(../SrcImg/head_act.jpg) left top no-repeat;
}

.lcn_link {
	font-size: 14px;
	font-weight: bold;
	color: #fff1ce;
}

.lcn_link:hover {
	color: #ffec00;
}

.lcn_ct {
	width: 100%;
	float: left;
	margin: 0 0 0 -1px;
	box-sizing: border-box;
	padding: 0 3px;
	display: none;
}

.lcn_each.active .lcn_ct {
	display: block;
}

/*.lcn_et{width:100%; float:left; font-size:14px; color:#fff1ce; box-sizing:border-box; padding:10px; border-bottom:solid 1px #0b0b0b; position:relative;}*/
.lcn_et {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #fff1ce;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: solid 1px #0b0b0b;
	position: relative;
}

.lcn_et:hover {
	color: #ffec00;
}

.lcn_each.active .lcn_et {
	background: #2f2c28;
}

.lcn_et:after {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #232023;
}

.lcn_extra {
	width: 35px;
	height: 49px;
	position: absolute;
	top: 0;
	right: 5px;
	background: url(../SrcImg/head_dd.png) left top no-repeat;
	cursor: pointer;
}

.navigator {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 8px;
	border: solid 1px #3a3927;
	background: #110f11;
	background: rgba(17, 15, 17, 0.95);
}

.e_nav {
	float: left;
	margin: 0 8px;
	font-size: 13px;
	font-style: italic;
	line-height: 20px;
	color: #888373;
}

.ar_nav {
	width: 7px;
	height: 20px;
	float: left;
	background: url(../SrcImg/nav_arrow.png) center center no-repeat;
}

/* 1440px */
@media screen and (max-width: 90em) {}

/* 1280px */
@media screen and (max-width: 80em) {

	/*
.alignall{width:1280px; float:left; margin:0; box-sizing:border-box; padding:0 10px;}
.bannerfx{width:1280px;}*/
	.container {
		width: 1180px;
		float: none;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
}

/* 1080px */
@media screen and (max-width: 67.5em) {}

/* 960px */
@media screen and (max-width: 60em) {}

/* 800px */
@media screen and (max-width: 50em) {}

/* 640px */
@media screen and (max-width: 40em) {}

/* 480px */
@media screen and (max-width: 30em) {}

/* 32px */
@media screen and (max-width: 20em) {}

.StaticMain {
	overflow: hidden;
	padding: 30px 0;
	width: 100%;
	font: 15px/24px Tahoma, Arial, Verdana, sans-serif !important;
	color: #cec4b0;
}

.DownloadLeft {
	width: auto;
	float: left;
	border-right: 1px solid #575757;
	padding-right: 15px
}

.DownloadRight {
	width: 38%;
	float: left;
	padding-left: 15px
}

.DownloadLeft h6,
.DownloadRight h6 {
	background: url(../SrcImg/icon_h6.png) 30px 0 no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 23px;
	font-weight: bold;
	color: #ffba00;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}

.DownloadLeft h7,
.DownloadRight h7 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ee6b00;
	display: block;
	margin-left: 30px;
}

.DownloadLeft .BtnDownloadFull {
	background: url(../SrcImg/taigame-full.jpg) no-repeat;
	display: block;
	width: 200px;
	height: 100px;
	text-indent: -9999px;
	position: relative;
	margin: 20px auto
}

.DownloadLeft .BtnDownloadFull:hover {
	background-position: 0 -100px
}

.DownloadLeft p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #b2a68c;
	margin-bottom: 50px
}

.DownloadLeft span {
	display: block;
	width: 100%;
	text-align: center
}

.ListBtnDownload {
	width: 200px;
	position: relative;
	margin: 18px auto
}

.ListBtnDownload span {
	width: 200px;
	height: 40px;
	margin-bottom: 10px;
	margin-top: 3px;
}

.ListBtnDownload span a:link,
.ListBtnDownload li a:visited {
	background: url(../SrcImg/taigame-normal.jpg) no-repeat;
	display: block;
	padding-right: 120px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	color: #ffe2c0;
	font-weight: bold;
	text-align: center;
	text-decoration: none
}

.ListBtnDownload span a:hover {
	text-decoration: none;
	background-position: 0 -40px
}

.ListIcon {
	font-size: 14px;
}





div.cinereousTable {
	border: 2px solid #FF8247;
	background-color: #FFE3C6;
	width: 450px;
	text-align: center;
	border-collapse: collapse;
	margin-top: 20px;
}

.divTable.cinereousTable .divTableCell,
.divTable.cinereousTable .divTableHead {
	border: 1px solid #FF8247;
	color: #8B4726;
	font-weight: bold;
}

.divTable.cinereousTable .divTableBody .divTableCell {
	font-size: 13px;
}

.divTable.cinereousTable .divTableHeading {
	background: #EE7621;
	background: -moz-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
	background: -webkit-linear-gradient(top, #afa396 0%, #9e9081 66%, #948473 100%);
	background: linear-gradient(to bottom, #afa396 0%, #9e9081 66%, #948473 100%);
}

.divTable.cinereousTable .divTableHeading .divTableHead {
	font-size: 12px;
	font-weight: bold;
	color: #F0F0F0;
	text-align: center;
	border-left: 2px solid #948473;
}

.divTable.cinereousTable .divTableHeading .divTableHead:first-child {
	border-left: none;
}

.divTableHead.divTableCell.col_1 {
	width: 40px;
}

.divTableHead.divTableCell.col_2 {
	width: 180px;
}

.divTableHead.divTableCell.col_3 {
	width: 180px;
}

/* DivTable.com */
.divTable {
	display: table;
}

.divTableRow {
	display: table-row;
}

.divTableHeading {
	display: table-header-group;
}

.divTableCell,
.divTableHead {
	display: table-cell;
}

.divTableBody {
	display: table-row-group;
}


.container404 {
	/*position: relative;
    width: 50%;*/
	position: absolute;
	z-index: 999;
	top: 180px;
	right: 90%;
}

.image404 {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;


}

.middle404 {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.container404:hover .image404 {
	opacity: 0.2;
}

.container404:hover .middle404 {
	opacity: 1;
}

.text404 {
	background-color: #F4B121;
	color: black;
	font-size: 12px;
	font-weight: bold;
	padding: 16px 32px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

.texterror {
	/*background-color: #F4B121;*/
	color: black;
	font-size: 12px;
	font-weight: bold;
	padding: 16px 32px;
	top: 15px;
}