/*
@font-face {
    font-family: myFont;
    src: url(DFSoGei-W7-WING-RKSJ-H.ttf);
}
*/
@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 14px;
	line-height:200%;
}

body,
table,
input, textarea, select, option {
	font-family: 'Helvetica', Arial, sans-serif,'MS PGothic';
	font-size: 1em;
}

fieldset,img { border: 0; }
img{ width: 100%; display: block; padding: 0; margin: 0; border:0;}
html{ padding: 0; margin: 0; background: transparent; height: 100%;}
.clearFix{ clear:both; }
a{ display:inline-block;cursor: pointer;color: #010101; text-decoration:none;font-weight: bold;}
ul,a,div{ margin: 0; padding: 0;border-collapse: collapse; border-spacing: 0;list-style-type: none;}
ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

body{
	/*font-family: myFont; */
	font-size:13px; word-wrap: break-word;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;

	background:#000;
	color:#010101;
}
.body-container{
	margin: 0 auto;
	background-position: top center;
	-webkit-background-position: center;
	background-size: auto 100% ;
	max-width: 960px; width: 100%;
	background: rgb(62,0,0);
	background-image:  url('../images/bg.jpg') repeat;
	background: url('../images/bg.jpg'), -moz-linear-gradient(top,  rgba(62,0,0,1) 0%, rgba(102,1,1,1) 36%, rgba(104,0,0,1) 66%, rgba(51,0,0,1) 100%);
	background:url('../images/bg.jpg'),  -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,0,0,1)), color-stop(36%,rgba(102,1,1,1)), color-stop(66%,rgba(104,0,0,1)), color-stop(100%,rgba(51,0,0,1)));
	background: url('../images/bg.jpg'), -webkit-linear-gradient(top,  rgba(62,0,0,1) 0%,rgba(102,1,1,1) 36%,rgba(104,0,0,1) 66%,rgba(51,0,0,1) 100%);
	background:url('../images/bg.jpg'),  -o-linear-gradient(top,  rgba(62,0,0,1) 0%,rgba(102,1,1,1) 36%,rgba(104,0,0,1) 66%,rgba(51,0,0,1) 100%);
	background:url('../images/bg.jpg'),  -ms-linear-gradient(top,  rgba(62,0,0,1) 0%,rgba(102,1,1,1) 36%,rgba(104,0,0,1) 66%,rgba(51,0,0,1) 100%);
	background:url('../images/bg.jpg'),  linear-gradient(to bottom,  rgba(62,0,0,1) 0%,rgba(102,1,1,1) 36%,rgba(104,0,0,1) 66%,rgba(51,0,0,1) 100%);
	filter: url('../images/bg.jpg'), progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e0000', endColorstr='#330000',GradientType=0 );
	background-repeat: repeat;
}

/* ------------------------------- Full ------------------------------- */
.header-container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.video-box-wrp { position: absolute; z-index: 3; width:317px; height: 184px; text-align: center; top:320px; right: 266px; opacity: 0; margin-top: 50px;}
.video-box {cursor: pointer;}
.title-game { position: absolute; z-index: 2; top: 0; display: none; }
.char-game {
	position: absolute;
	position: absolute;
	z-index: 1;
	top: 0;
	opacity: 0;
	margin-left: -150px;
}
.title-link {float: right; margin-right: 20px;}
.game-list {
	background: url("../images/bg-title-game.jpg") center 40px repeat-x;
	margin-top: -40px;
	z-index: 10;
	position: relative;
}
.game-list-item{
	float: left;
	width: 50%;
	margin-top: 6px;
}
.right-title-game { text-align: right; }
.bg-game{
	margin-top: -15px;
	width: 100%;
	text-align: center;
}
.btn-game{
	text-align: center;
	margin-top: -11px;
}
.game-link{
	width: 50%;
	float: left;
	text-align: right;
}
.game-link a{ margin-right:8px;}
.right-game-link {
	text-align: left;
}
.right-game-link a{
	margin-left:8px;
	margin-right:0;
	margin-top:-2px;
}
/*.right-game-list-item .game-link {
	width: auto;
	float: inherit;
	text-align: center;
}*/
.line-yellow {width: 100%; background: url("../images/line-yellow.png") center top repeat-x; height: 7px; float: left;}
.footer-container { background: url("../images/bottom-bg.png") center bottom no-repeat; width: 960px; margin: 0 auto;}
.news-container {background: url("../images/line-red.png") center top no-repeat;}
.news-wrp {
	padding: 80px 67px 70px 35px;
	background: url(../images/bg-news.png) center 65px no-repeat;
}
.news-char {
	width: 293px;
	height: 294px;
	position: absolute;
	float: left;
	margin-top: -72px;
}
.news-list {
	width: 530px;
	float: right;
	height: 250px;
	overflow-y: auto;
	margin-right: 44px;
	margin-top: 33px;
	position: relative;
	z-index: 10;
}
.news-item h3{
	color: #a70101;
	font-size: 20px;
	background: url("../images/article_icon.png") left top no-repeat;
	padding: 10px 0 0 35px;
}
.news-description a {
	font-size: 17px;
	text-decoration: underline;
}
.news-item{
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 2px dashed #2a0101;
}
.news-item:last-child, .news-item.last-child {border: none;}
.copyright-container {color: #fff;}
.copyright-ct {padding: 1px; text-align: center;  background: url("../images/line-red.png") center top no-repeat;}
.copyright-ct a {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}
.copyright-des { text-align: center; width: 100%;  background: rgba(0,0,0,0.5); padding:15px 0;}
.copyright-des p {font-size: 16px; width:100%; margin: 0 auto;}
.footer-link ul {
	text-align: center;
	margin-bottom: 10px;
}
.footer-link ul li {
	display: inline-block;
	padding: 0 2%;
}
.footer-link ul li a {
	color: #f2c709;
	text-decoration: underline;
}

/*****popup****/
.mask {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15); z-index: 99;
	display: none; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%;pointer-events: none;
}
body.modal-open {
	overflow: hidden;
}
.pos-popup-div{position: fixed;  width: 100%;z-index: 500;
	margin: 0 auto; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
	left:0; display: none; height: 100%; top: 0%;
	bottom: 0;
}
.close-popup{position: absolute;    top: 0%;
	right:  -10%; z-index: 900; width:44px; height: 46px;display: inline-block;
}

.box_video{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	right: 0;
	bottom: 0;  height: 70%;
	height: 360px;
	width: 100%; max-width: 640px;
	text-align: center;
}
.box_video .bg_video {
	width: 100%; max-width: 640px;
	height: 87.5% !important;max-height: 480px;
	display: inline-block; 	-webkit-overflow-scrolling: touch;
}
.text_06{width: auto;    display: inline-block;}
.news-char.news-char-2 {display: none;}
.copyright-des.copyright-des-2 { display: none;}
/*      ---------------------- reponsive -------------------        */
@media screen and (max-width: 1200px){
	.header-container {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.video-box-wrp {
		position: absolute;
		z-index: 11;
		width: 26.6%;
		text-align: center;
		top: 53%;
		right: 23%;
	}
}
@media screen and (max-width: 1024px){

}

@media screen and (max-width: 960px){
	.bg-game {
		margin-top: 10px;
		width: 96%;
		padding: 0 2%;
	}
	.btn-game {
		padding: 0 2%;
	}
	.footer-container {width: 100%;}
	.news-wrp {
		padding: 10px;
		background: url(../images/bg-news.png) center 65px no-repeat;
		min-height: 400px;
	}
	.news-char {
		width: 35%;
		float: left;
		margin-top: 48px;
		position: inherit;
		height: inherit;
	}
	.news-list {
		width: 62%;
		height: 250px;
		overflow-y: auto;
		margin-right: 16px;
		margin-top: 101px;
		position: absolute;
		z-index: 10;
		right: 0;
	}
	.copyright-des p {
		font-size: 16px;
		width: 90%;
		margin: 0 auto;
		padding: 0 5%;
	}
}
@media screen and (max-width: 768px) and (min-width: 567px){
	body, .copyright-des p { font-size: 12px;}
	.copyright-ct { font-size: 16px; }
	.copyright-des{display: none;}
	.copyright-des.copyright-des-2 { display: block; text-align: left; padding: 2%; width: 96%;}
	.footer-container {width: 100%;}
	.right-title-game, .left-title-game {
		margin-top: 13px;
	}
	.bg-game{
		margin-top: -2px;
	}
	.game-list {
    background: url("../images/bg-title-game.jpg") center 40px repeat-x;
    margin-top: -40px;
    z-index: 10;
    position: relative;
    background-size: 50px;
}
}
@media screen and (max-width: 600px) and (min-width: 567px) {
	.left-title-game, .right-title-game{
		margin-top: 15px;
	}
	.bg-game {
		margin-top: 18px;
	}
	.game-list {
    background: url("../images/bg-title-game.jpg") center 40px repeat-x;
    margin-top: -40px;
    z-index: 10;
    position: relative;
    background-size: 50px;
}
}
@media screen and (max-width: 460px){
	.video-box-wrp {top: 46%;}
	.left-title-game, .right-title-game{
		margin-top: 15px;
	}
	.bg-game {
		margin-top:0px;
	}
	.game-list-item {
		width: 100%;
	}
	.left-title-game a{
		display: block;
		margin-top: -36px;
	}
	.right-title-game a{
		display: block;
		margin-top: 15px;
	}
	.left-title-game {
		text-align: center;
		height: 120px;
	}
	.right-title-game {
		text-align: center;
		height: 134px;
		background: url(../images/bg-title-game.jpg) center 34px repeat-x;
	}
	.news-char {display: none;}
	.news-char.news-char-2 img{ width: 100%;}
	.news-char.news-char-2 {
		display: block;
		text-align: left;
		padding: 2% 0 2% 0;
		width: 90%;
		margin-top: -14px;
	}
	.news-wrp {
		padding: 10px;
		background: url(../images/bg-news.png) center 65px no-repeat;
		min-height: 400px;
	}
	.news-char {
		width: 35%;
		float: left;
		margin-top: 48px;
		position: inherit;
		height: inherit;
	}
	.news-list {
		width: 90%;
		height: 225px;
		overflow-y: auto;
		background-size: 50%;
		padding:0 5% 12px 5%;
		margin-right: 0;
		margin-top: 110px;
		position: absolute;
		z-index: 10;
		right: 0;
	}
	.bg-game {
		margin-top: -12px;
	}
	.right-game-list-item .bg-game {
		margin-top: -12px;
	}
	.right-title-game {
		text-align: center;
		background: url(../images/bg-title-game.jpg) center 24px repeat-x;
	}
}
@media screen and (max-width: 375px){
	.news-char.news-char-2 {
		margin-top: -5px;
	}
}
@media screen and (max-width: 320px){
	.left-title-game a {
		margin-top: -45px !important;
	}
	.right-title-game a {
		margin-top: 34px;
	}
	.left-title-game a {
		margin-top: 24px;
	}
	.bg-game {
		margin-top: -11px;
	}
	.news-char.news-char-2 {
		margin-top: 6px;
	}
	.right-title-game {
		background: url(../images/bg-title-game.jpg) center 0 repeat-x;
	}
	.right-game-list-item .bg-game {
		margin-top: -35px;
	}
	.video-box-wrp{
		top: 43%;
	}
}
.sakura {z-index:100;}