@charset "utf-8";
body { background-color: #000!important; }
html, body {
    width: 100%;
}
.wrap {
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	padding-top: 1px;
	/*max-width: 1920px;
	min-height: 950px;*/
	min-width:1200px;
	overflow: hidden;
}
body.page_1 .wrap {
	background-image: url(../images/page1.jpg);
    width: 100%;
    height: 5455px;
    position: relative;
}
/************ .page_1 .page_tab *****************************************************************/

body.page_1 .page_tab { margin-top: 874px; }
body.page_1 .page_tab ul.tabs {
	width: 978px;
	margin: 0 auto;
}
body.page_1 .page_tab ul.tabs li { float: left; }
body.page_1 .page_tab ul.tabs li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/page_1_tab.jpg);
	height: 72px;
	width: 489px;
	text-indent: -9999px;
}
body.page_1 .page_tab ul.tabs li+li a { background-position-x: -489px; }
body.page_1 .page_tab ul.tabs li.active a,
body.page_1 .page_tab ul.tabs li a:hover { background-position-y: -72px; }
/************ .page_1 .page_tab end *****************************************************************/

body.page_2 {
}
body.page_2 .wrap {
	background-image: url(../images/page2.jpg);
    width: 100%;
    height: 6000px;
	background-position: center top;
	overflow-y: hidden
}
body.page_3 .wrap {
	background-image: url(../images/page3.jpg);
	height: 3696px;
	background-position: center top;
}

/************ .page_5 .tabs end *****************************************************************/
table {
	color:#83bbff;
    border: 1px solid #041b38;
    border-collapse: collapse;
	text-align:center;
}

tr:nth-child(even) {
    background: #062a58;
	padding:2px;
}
tr:nth-child(odd) {
    background-color: #041b38;
	padding:2px;
}
th{
	padding:5px;
}
td{
	padding:5px;
}
.video01{
	position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
	}

.playerwap{
	background-image: url(../images/playwap.png);
	background-position: 0 0;
	background-repeat: repeat;
	width: 100%;
	height: 950px;
	position: absolute;
	z-index: 1;
}
.playerpeo{
	background-image: url(../images/vedio-peo.png);
	background-position: 0 0;
	width: 1000px;
	height: 888px;
	position: absolute;
	right: -200px;
	top: 50px;
	z-index: 1;
}
.q01{
	background-image: url(../images/q02.png);
	width: 126px;
	height: 900px;
	position: fixed;
	top: 50%;
	margin-top: -325px;
	left: 0;
	z-index: 199;
}
ul.qlink {
	position: fixed;
	top: 50%;
	margin-top: -280px;
	left: 0;
	z-index: 199;
}
ul.qlink li { margin: 0px 0; }
ul.qlink li a {
	background-position: 0 0;
	filter: brightness(.65);
	width: 120px;
	height: 110px;
	background-image: url(../images/qlink.png);
	text-indent: -9999px;
	display: block;
}
ul.qlink li+li a {background-position-y: -107px;}
ul.qlink li+li+li a {background-position-y: -217px;}
ul.qlink li+li+li+li a {background-position-y: -325px;}
ul.qlink li+li+li+li+li a {background-position-y: -432px;}
ul.qlink li+li+li+li+li+li a { background-position-y: -500px; }
.page_1 ul.qlink li.qlink_page_1 a,
.page_2 ul.qlink li.qlink_page_2 a,
.page_3 ul.qlink li.qlink_page_3 a,
.page_4 ul.qlink li.qlink_page_4 a,
.page_5 ul.qlink li.qlink_page_5 a,
.page_6 ul.qlink li.qlink_page_6 a,
.page_7 ul.qlink li.qlink_page_7 a,
ul.qlink li a:hover {filter: brightness(1);}
.copyright {
	background-color: #000;
	text-align: center;
	height: 80px;
	overflow: hidden;
	background-image: url(../images/copyright.png);
    background-position: center top;
}
.copyright img { opacity: .5; }

.btn{
	background-image: url(../images/btn02.png);
	background-position: 0 0;
}
.btn1{width: 161px;height: 54px;background-position-x: 0;background-position-y: 0;}
.btn2{width: 161px;height: 54px;background-position-x: 0;background-position-y: -60px;position: absolute;top: -28px;left: 141px;}
.btn3{width: 161px;height: 54px;background-position-x: 0;background-position-y: -119px;position: absolute;top: 29px;left: 141px;}
.btn4{width: 161px;height: 54px;background-position-x: 0;background-position-y: -181px;position: absolute;top: -2px;left: 280px;}
.btn5{width: 161px;height: 54px;background-position-x: 0;background-position-y: -244px;position: absolute;top: 58px;left: 282px;}
.btn6{width: 161px;height: 54px;background-position-x: 0;background-position-y: -309px;position: absolute;top: -28px;left: 419px;}
.btn7{width: 161px;height: 54px;background-position-x: 0;background-position-y: -376px;position: absolute;top: 28px;left: 419px;}
.btn8{width: 161px;height: 54px;background-position-x: 0;background-position-y: -443px;position: absolute;top: 3px;left: 559px;}
.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .btn5:hover, .btn6:hover, .btn7:hover, .btn8:hover {background-position-x: -163px;}
.btn_play {
	position: absolute;
	top: 769px;
	left: 50%;
	margin-left: 57px;
	cursor: pointer;
	z-index: 11;
	transition: all .3s ease;
}
.btn_play.btn_play1 {
	transform: scale(.8);
	top: 542px;
	margin-left: 83px;
	opacity: .75;
}
.btn_play.btn_play2 {
	transform: scale(.8);
	top: 542px;
	margin-left: 443px;
	opacity: .75;
}
.btn_play.btn_play3 {
	top: 676px;
	margin-left: 51px;
	width: 120px;
	height: 50px;/*background-color: rgba(255,255,255,.5);*/
}
.btn_play.btn_play4 {
	top: 676px;
	margin-left: 388px;
	width: 120px;
	height: 50px;/*background-color: rgba(255,255,255,.5);*/
}
.btn_play:hover {
	opacity: 1;
	transform: scale(1);
}

.t01{padding: 0 185px;}
.myvideo {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
	z-index: -2;
	margin:0;
    padding:0;
    -moz-background-size: cover;
    background-size: cover;
}
.overlay {
	z-index: 200;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
	display: none;
}
.layerPop {
	z-index: 300;
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	z-index: 20000000;
	margin: -312px 0 0 -450px;
	width: 900px;
	height: 614px;
	border: 0px solid #ccc;
	background: #000;
}
.layerPop .close {
	position: absolute;
	right: -1px;
	top: -65px;
}
.layerPop .close button {
	border: none;
	display: block;
	text-indent: -9999px;
	width: 49px;
	height: 49px;
	background: url(../images/btn_close_movie.png) no-repeat;
	cursor: pointer;
}
.pop {
	background: url(../images/pop.png) no-repeat;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	height: 147px;
	position: fixed;
	z-index: 10;
	left: 0;
	bottom: 0;
	/*transition: all .8s ease;*/
	display: none;
}
.pop_elin {
	position: absolute;
	left: 50%;
	top: -27px;
	margin-left:-500px;
}
.pop.active { bottom: -480px; }
.pop .btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	bottom: 7px;
	left: 50%;
	background-repeat: no-repeat;
	display: block;
	transition: all .3s ease;
}
.pop .btn:hover { transform: scale(1.05) }
.pop .btn.btn_download {
	background: url(../images/btn.png) no-repeat;
	background-position: 0 0;
	height: 87px;
	width: 300px;
	margin-left: -163px;
}
.pop .btn.btn_register {
	background: url(../images/btn.png) no-repeat;
	background-position: -300px 0;
	height: 103px;
	width: 300px;
	margin-left: 153px;
}
.close_pop {
	position: absolute;
	top: 13px;
	right: 20px;
	cursor: pointer;
	z-index: 11;
}

img.thumbnail {
    position: absolute;
    top: 1610px;
    filter:brightness(.8);
    left: 50%;
}
img.thumbnail.thumbnail_1 {
    margin-left: -430px;
}
img.thumbnail.thumbnail_2 {
    margin-left: -314px;
}
img.thumbnail.thumbnail_3 {
    margin-left: -199px;
}
img.thumbnail:hover {
	filter:brightness(1.5);
}



#tresure_btn_1{
    position: absolute;
    top: 2695px;
    left: 50%;
    margin-left: -370px;
}
#tresure_btn_1 img {
	filter:brightness(.8);
} 
#tresure_btn_1 img:hover {
	filter:brightness(1.5);
} 
#tresure_btn_2{
    position: absolute;
    top: 2695px;
    left: 50%;
    margin-left: 20px;
}
#tresure_btn_2 img {
	filter:brightness(.8);
} 
#tresure_btn_2 img:hover {
	filter:brightness(1.5);
} 
.tab_container{padding: 0 20px;font-size: 1.1rem;}
.tab_c1{color: #fff;}
.tab_c2{color: #b3b3b3;}
.fancybox-close {
	background: url(../images/close.png) no-repeat;
	width: 33px;
	height: 33px;
	top: -40px;
	right: 0px;
}
.fancybox-skin {
	border-radius: 0;
}
.fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.8)!important;
}
.flashLight {
	position: absolute;
	top: 0px;
	left: 200px;
	-webkit-animation: flash-lighting2 4s ease infinite;
	animation: flash-lighting2 4s ease infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	animation: flash-lighting 4s ease infinite;
	opacity: 0;
}
.flashLight2 {
	position: absolute;
	top: 0;
	right: 200px;
	-webkit-animation: flash-lighting2 4s ease infinite;
	animation: flash-lighting2 4s ease infinite;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	opacity: 0;
}
body.page_4 .wrap {
	background-image: url(../images/page4.jpg);
    background-position: center top;
    width: 100%;
    height: 1000px;
    position: relative;
}
body.page_5 .wrap {
	background-image: url(../images/page5.jpg);
    background-position: center top;
    width: 100%;
    height: 3350px;
    position: relative;
}
.page_4 img.item {
	cursor: pointer;
	position: absolute;
	top: 226px;
	left: 292px;
	display: none;
	z-index: 11;
}
.page_4 img.item.item1 { display: block; }
.page_6 .btn_play.btn_play2 {
	transform: scale(1);
	top: 558px;
	margin-left: 21px;
}
.page_6 .btn_play.btn_play2 { transform: scale(1.2); }
.btn_line_join {
	position: absolute;
	z-index: 11;
	top: 480px;
	left: 1074px;
	width: 200px;
	height: 70px;
	color: transparent;/*background-color: rgba(255,255,255,.2);*/
}
.msg {
	transition: .3s all ease-in;
	opacity: 0;
	line-height: 12px;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 12px;
	color: rgba(255,255,255,1);
}
.msg label { cursor: pointer; }
.msg input {
	position: relative;
	top: 3px;
}
.msg:hover { opacity: 1; }
#bottomMenu.fix { position: absolute; }
#footerWrap {
	transition: height 0.2s ease-out 0s;
	position: relative;
}
.main {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.main1 {
	display:block; 
	margin:0 auto;
	position: relative;
	background-image: url(../images/page1_1.png);
	background-position: 0 0;
	width: 100%;
	height: 1095px;
	z-index: 2
}
.main2 {
	position: relative;
	display:block; 
	margin:-55px auto 0;
	background-image: url(../images/black.png);
	background-position: 0 0;
	width: 100%;
	height: 1000px;
	z-index: 1;
}
.main3 {
	position: relative;
	display:block; 
	margin:-100px auto 0;
	background-image: url(../images/page1_2.png);
	background-position: 0 0;
	width: 100%;
	height: 1019px;
	z-index: 2;
	padding: 210px 0 0 240px;
}

.cont01 {
	position: absolute;
	top: 975px;
	left: 50%;
	margin-left: -471px;
	display: block;
	background-image: url(../images/main01.png);
	background-position: 0 0;
	width: 1350px;
	height: 1014px;
	z-index: 1;
}
.cont02 {
	position: absolute;
	top: 818px;
	left: 50%;
	margin-left: -474px;
	display: block;
	background-image: url(../images/main02.png);
	background-position: 0 0;
	width: 100%;
	height: 470px;
	z-index: 1;
}
.cont03 {
	position: absolute;
	top: 1406px;
	left: 50%;
	margin-left: -573px;
	display: block;
	background-image: url(../images/main03.png);
	background-position: 0 0;
	width: 100%;
	height: 482px;
	z-index: 1;
}
.cont04 {
	position: absolute;
	top: 1947px;
	left: 50%;
	margin-left: -573px;
	display: block;
	background-image: url(../images/main04.png);
	background-position: 0 0;
	width: 100%;
	height: 540px;
	z-index: 1;
}
.cont05 {
	position: absolute;
	top: 2730px;
	left: 50%;
	margin-left: -573px;
	display: block;
	background-image: url(../images/main05.png);
	background-position: 0 0;
	width: 100%;
	height: 792px;
	z-index: 1;
}
.logo2{
	position: absolute;
	top: 128px;
	left: 50%;
	margin-left: -595px;
	background-image: url(../images/logo02.png);
	background-position: 0 0;
	width: 356px;
	height: 250px;
}
.title{
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left: -398px;
	background-image: url(../images/title.png);
	background-position: 0 0;
	width: 736px;
	height: 470px;
}
.title2{
	position: absolute;
    top: 125px;
    left: 50%;
    margin-left: -237px;
    background-image: url(../images/title02.png);
    background-position: 0 0;
    width: 466px;
    height: 652px;
    z-index: 2;
}
.btntop{
	position: absolute;
	top: 399px;
	left: 50%;
	margin-left: -553px;
	background-image: url(../images/topbtn.png);
	background-position: 0 0;
	width: 273px;
	height: 68px;
}
.title01{
	background-image: url(../images/title01.png);
    background-position: 0 0;
    width: 540px;
    height: 206px;
    position: absolute;
    top: 635px;
    left: 50%;
    margin-left: -285px;
    z-index: 1;
}
.title02{
	background-image: url(../images/title02.png);
	background-position: 0 0;
	width: 582px;
	height: 115px;
	position: absolute;
	top: 204px;
	left: 50%;
	margin-left: -112px;
	z-index: 1;
}
.title03{
	background-image: url(../images/title03.png);
	background-position: 0 0;
	width: 339px;
	height: 120px;
	position: absolute;
	top: 327px;
	left: 50%;
	margin-left: 15px;
	z-index: 1;
}
.title04{
	background-image: url(../images/title04.png);
	background-position: 0 0;
	width: 503px;
	height: 214px;
	position: absolute;
	top: 640px;
	left: 50%;
	margin-left: -243px;
	z-index: 1;
}
.title05{
	background-image: url(../images/title05.png);
	background-position: 0 0;
	width: 886px;
	height: 206px;
	position: absolute;
	z-index: 9;
	top: 153px;
	left: 50%;
	margin-left: -510px;
	z-index: 1;
}
.title06{
	background-image: url(../images/title06.png);
	background-position: 0 0;
	width: 664px;
	height: 206px;
	position: absolute;
	z-index: 9;
	top: 261px;
	left: 50%;
	margin-left: -553px;
	z-index: 1;
}
.title07{
	background-image: url(../images/title07.png);
	background-position: 0 0;
	width: 394px;
	height: 69px;
	position: absolute;
	z-index: 9;
	top: 533px;
	left: 50%;
	margin-left: -391px;
	z-index: 1;
}
.title08{
	background-image: url(../images/title08.png);
	background-position: 0 0;
	width: 402px;
	height: 100px;
	position: absolute;
	z-index: 9;
	top: 508px;
	left: 50%;
	margin-left: -203px;
	z-index: 1;
}
.title09{
	background-image: url(../images/title09.png);
	background-position: 0 0;
	width: 412px;
	height: 100px;
	position: absolute;
	z-index: 9;
	top: 600px;
	left: 50%;
	margin-left: -207px;
	z-index: 1;
}
@keyframes flash {
  0%   { opacity: 1; }
  50%   { opacity: .75; }
  100% { opacity: 1; }
}

.job {
	position: relative;
	top: -1px;
	width: 100%;
	height: 100%;
}
.job button.btn_job {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../images/btn_job.png);
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 10;
	outline: none;
}
.job button.btn_job:hover { background-position-x: -100px; }
.job button.btn_job.btn_job_1 {
	left: 580px;
	top: 270px;
	background-position-y: 0px;
}
.job button.btn_job.btn_job_2 {
	left: 1150px;
	top: 190px;
	background-position-y: -100px;
}
.job button.btn_job.btn_job_3 {
	left: 1350px;
	top: 270px;
	background-position-y: -200px;
}
.job button.btn_job.btn_job_4 {
	left: 380px;
	top: 500px;
	background-position-y: -300px;
}
.job button.btn_job.btn_job_5 {
	left: 1390px;
	top: 510px;
	background-position-y: -400px;
}
.job button.btn_job.btn_job_6 {
	left: 820px;
	top: 730px;
	background-position-y: -500px;
}
.job button.btn_job.btn_job_7 {
	left: 1060px;
	top: 730px;
	background-position-y: -600px;
}
.job_img {
	position: absolute;
	z-index: 8;
	display: none;
}
.job_img.j01 {
	top: 0;
	left: 0;
}
.job_img.j02 {
	top: 0;
	left: 693px;
}
.job_img.j03 {
	top: 0;
	left: 1269px;
}
.job_img.j04 {
	top: 400px;
	left: 0px;
}
.job_img.j05 {
	top: 400px;
	left: 1281px;
}
.job_img.j06 {
	top: 492px;
	left: 463px;
}
.job_img.j07 {
	top: 492px;
	left: 961px;
}
.item {
	position: relative;
	top: -1px;
	width: 100%;
	height: 100%;
}
.item button.btn_item {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 65px;
	height: 69px;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../images/btn_item.png);
	background-position: -28px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	outline: none;
}
.item button.btn_item2 {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 65px;
	height: 69px;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../images/btn_item2.png);
	background-position: -28px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	outline: none;
}
.item button.btn_item:hover { background-position-x: -153px; }
.item button.btn_item2:hover { background-position-x: -153px; }
.item button.btn_item.btn_item_1 {
	left: 50%;
	top: 440px;
	margin-left: 137px;
	background-position-y: -27px;
}
.item button.btn_item2.btn_item_2 {
	left: 50%;
	top: 455px;
	margin-left: 0;
	background-position-y: -27px;
}
.item_img {
	position: absolute;
	z-index: 18;
	display: none;
	top: 300px;
	left: 666px;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 10px rgba(255, 255, 255, 1))
}
.item_img.i01 {
	left: 636px;
}
.item_img.i02 {
	left: 726px;
}
.item button.btn_more {
	background-color: transparent;
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../images/btn_more.png);
	background-position: 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	z-index: 10;
	outline: none;
}
.item button.btn_more.btn_more_1 {
	top: 694px;
	left: 576px;
}
.item button.btn_more.btn_more_2 {
	top: 694px;
	left: 1316px;
}
.btn_vote {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/btn_vote.png);
	width: 152px;
	height: 64px;
	position: absolute;
	left: 888px;
	top: 500px;
	transition: all .2s ease;
}
.btn_vote:hover {
	transform: translate(-2px, -3px);
	filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.25));
}
.jobwrap img { display: none; }
.sec { position: relative; }
#sec1 { height: 750px; }
#sec2 { height: 1050px; }
#sec3 { /*height: 910px;*/ height: 690px; }
#sec4 { /*height: 690px;*/ height: 1380px;}
#sec5 { /*height: 1380px;*/ }


.quick {
	z-index: 200;
	position: absolute;
	right: 30px;
	top: 320px;
	width: 175px;
	padding-top:20px;
	height:190px;
	border-radius:10px;
}
.quick .btn.play { padding: 6px 0 0 0; }
.quick .btn.play button {
	display: block;
	text-indent: -9999px;
	height: 74px;
	width: 100%;
}
.quick a {
	display: block;
	text-indent: -9999px;
	background: url(../images/bg_quick1.png) no-repeat;
	background-position:0px top;
	height: 50px;
	margin-bottom: 10px;
}
.quick .q0 a {
	background-position-y: 0px;
}
.quick .q1 a {
	background-position-y: -44px;
}
.quick .q2 a {
	background-position-y: -89px;
}
.quick .q3 a {
	background-position-y: -133px;
}

.quick .active a,
.quick a:hover {
	background-position-x: -179px;
}
.content_1m, .content_2m, .content_3m,{
	display: none;
}

/**********************************************************/
.page_2 .quick {
	z-index: 200;
	position: absolute;
	right: 30px;
	top: 400px;
	width: 200px;
	padding-top:20px;
	height:190px;
	border-radius:10px;
}
.page_2 .quick .btn.play { padding: 6px 0 0 0; }
.page_2 .quick .btn.play button {
	display: block;
	text-indent: -9999px;
	height: 74px;
	width: 100%;
}
.page_2 .quick a {
	display: block;
	text-indent: -9999px;
	background: url(../images/bg_quick2.png) no-repeat;
	background-position:0px top;
	height: 60px;
	margin-bottom: 10px;
}
.page_2 .quick .q0 a {
	background-position-y: 0px;
}
.page_2 .quick .q1 a {
	background-position-y: -75px;
}
.page_2 .quick .q2 a {
	background-position-y: -140px;
}
.page_2 .quick .q3 a {
	background-position-y: -200px;
}

.page_2 .quick .active a,
.page_2 .quick a:hover {
	background-position-x: -200px;
}



.bird { position:absolute; left:50%; }
.bird.active { filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 10px rgba(255, 255, 255, 1)) }
.bird.bird_y {
    top: 320px;
    margin-left: -692px;
}
.bird.bird_b {
    top: 200px;
    margin-left: 231px;
}

.sogin{
	background-image: url(../images/sogin.png);
    background-position: 0 0;
    width: 738px;
    height: 238px;
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -423px;
    z-index: 2;
}
.dom{
	background-image: url(../images/bottom.png);
    background-position: 0 0;
    width: 178px;
    height: 45px;
    position: absolute;
    top: 685px;
    left: 50%;
    margin-left: -125px;
    z-index: 2;
    animation: myfirst 2s infinite;
}
/*TAB*/
.abgne_tab {
	width: 905px;
	height: 785px;
	background: url(../images/abgne_tabbg.png) no-repeat;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: -87px auto 0;
	padding: 0;
}
ul.tabs {
	width: 100%;
	height: 80px;
	overflow: hidden;
	margin-bottom: 30px;
}
ul.tabs:after {
	content: "";
	display: block;
	clear: both;
}
ul.tabs li {
	float: left;
	height: 80px;
	line-height: 35px;
	width: 180px;
	/* margin-left: 10px; */
}
ul.tabs li:first-child {margin-left: 0;}
ul.tabs li a {
	height: 100%;
	display: block;
	background-image: url(../images/tabs.png);
	background-position-x: 0;
}
ul.tabs li a {background-position-x: -11px;background-position-y: -15px;}
ul.tabs li+li a {background-position-x: -11px;background-position-y: -107px;}
ul.tabs li+li+li a {background-position-x: -11px;background-position-y: -199px;}
ul.tabs li+li+li+li a {background-position-x: -11px;background-position-y: -291px;}
ul.tabs li+li+li+li+li a {background-position-x: -11px;background-position-y: -383px;}
ul.tabs li+li+li+li+li+li a {background-position-y: -332px;}
ul.tabs li+li+li+li+li+li+li a { background-position-y: -300px; }
ul.tabs li a:hover,
ul.tabs li.active a {background-position-x: -350px;/* background-position-y: -80px; */}
ul.tabs li.active a:hover { cursor: default; }
@media (min-width: 1200px) {
.main2 {
	/* display: none; */
}
}
@media (max-width: 980px) {
.myvideo {
    right: 445px;
	min-width: 1200px!important;

}
.title2{
	margin-left: -190px;
	background-size: 80%;
}
.playerpeo {
    left: 100px;
    top: 405px;
    background-size: 30%;
}
.logo2 {
    top: 349px;
    margin-left: -179px;
}
.btntop{display: block;}
.main1 {
	display:block; 
	margin:0 auto;
	position: relative;
	background-image: url(../images/page1_1m.png);
	background-position: 0 0;
	width: 100%;
	height: 2000px;
	z-index: 2;
	background-size: contain;
}
.main3 {
    background-image: url(../images/page1_2m.png);
    width: 100%;
    height: 2000px;
    z-index: 2;
    background-size: cover;
    padding: 40px 0 0 0;
}
.main2 {
    left: -790px;
    margin: -1200px auto 0;
}
.main3 {
    /*margin: 640px auto 0*/;
}
.t01{padding: 0;}
.title{display:none;}
body.page_1 .wrap {
	background-image: url(../images/page1_m.jpg);
	background-position: center 78px;
	background-size: 100%;
	height: 1745px;
}	
body.page_2 .wrap {
	background-image: url(../images/page2_m.jpg);
	background-position: center 78px;
	background-size: 100%;
	height: 1955px;

}	
body.page_3 .wrap {
	background-image: url(../images/page3_m.jpg);
	background-position: center 78px;
	background-size: cover;
	height: 4012px;
}
body.page_4 .wrap {
	background-image: url(../images/page4_m.jpg);
	background-position: center 78px;
    background-size: cover;
    height: 800px;
}
body.page_5 .wrap {
	background-image: url(../images/page5_m.jpg);
	background-position: center 78px;
	background-size: cover;
	height: 1790px;
}
.gloves, .q01{display: none;}
.title01 {
    top: 579px;
    margin-left: -216px;
    background-size: 80%;
}
.title02 {
    top: 435px;
    margin-left: -184px;
    background-size: 63%;
}
.title03 {
    top: 510px;
    margin-left: -138px;
    background-size: 80%;
}
.title04 {
    top: 373px;
    margin-left: -589px;
    background-size: 70%;
}
.title05 {
    top: 153px;
    margin-left: -592px;
    background-size: 40%;
}
.title06 {
    top: 191px;
    margin-left: -578px;
    background-size: 40%;
}
.title07 {
    top: 376px;
    margin-left: -587px;
    background-size: 46%;
}
.title08 {
    top: 350px;
    margin-left: -129px;
    background-size: 60%;
}
.title09 {
    top: 410px;
    margin-left: -129px;
    background-size: 60%;
}
.mainbtn {
    width: 340px!important;
    margin-top: 500px!important;
}
.cont01 {
    top: 1440px;
    margin-left: -194px;
    background-size: contain;
    background-image: url(../images/main01_m.png);
}
.cont02 {
    background-image: url(../images/main02_m.png);
    background-position: 0 0;
    height: 856px;
    top: 797px;
    margin-left: -188px;
    background-size: 100%;
}
.cont03 {
    top: 1497px;
    margin-left: -190px;
    background-size: 100%;
    background-image: url(../images/main03_m.png);
    background-position: 0 0;
    height: 685px;
}
.cont04 {
    top: 2070px;
    margin-left: -190px;
    background-size: 100%;
    background-image: url(../images/main04_m.png);
    background-position: 0 0;
    height: 511px;
}
.cont05 {
    top: 2650px;
    margin-left: -190px;
    background-size: 100%;
    background-image: url(../images/main05_m.png);
    background-position: 0 0;
    height: 1500px;
}
.btn2 {
    top: 0px;
    left: 163px;
}
.btn3 {
    top: 64px;
    left: 4px;
}
.btn4 {
    top: 62px;
    left: 165px;
}
.btn5 {
    top: 128px;
    left: 6px;
}
.btn6 {
    top: 128px;
    left: 165px;
}
.btn7 {
    top: 191px;
    left: 6px;
}
.btn8 {
    top: 192px;
    left: 165px;
}
table {
    width: 100%;
}
.abgne_tab {
	background: inherit;
	background-size:inherit;
    margin: -40px auto 0;
    width: 100%;
    height: 1590px;
    padding: inherit;

}
ul.tabs {
    height: 545px;
    padding: 0 0 0 3px;
    margin-bottom: inherit;
    position: relative;
    margin: 0 auto;
}
.tab_container {
    width: 98%;
    margin-top: -307px;
    background: #082748;
    padding: 25px;
}
.tab_content{
	width: 100%;
}
.tab_content img{
	display: none;
}
.content_1m{
	background: url(../images/page_4_content_1m.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 625px;
    background-size: cover;
}
.content_2m{
	background: url(../images/page_4_content_2_m.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 1250px;
    background-size: cover;
}
.content_3m{
	background: url(../images/page_4_content_3m.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
    height: 800px;
    background-size: cover;
}
.item button.btn_item2.btn_item_2 {
    top: 265px;
    margin-left: -47px;
}
 .sogin{
    background-size: 50%;
    left: 50%;
    margin-left: -186px;
    top: 140px;
 }
 .dom{
    top: 470px;
    margin-left: -90px;
}
 .topwrap { width: 100%; }
 .playerwap {display: none;}
 .navbar-light .navbar-nav .nav-link{font-size: 1.5em;padding-top: inherit;}
 .navbar-nav li{border-bottom: solid 1px rgba(255, 255, 255, 0.19);}
 .navbar-nav li+li+li+li+li{border-bottom:inherit;}
  ul.menu {
	  position:inherit;
	  right: inherit;
	  top: inherit;
	 
   }
  ul.menu li{ width: inherit;}
    .pop {
	  background: none;
	  width: 100%;
	  left: 0;
	  bottom: 0 !important;
	  display: block !important;
	  top: auto;
   }
   ul.menu li a{background-image:inherit;text-align:center;}

#q01{display: none;}
.qlink{display: block!important;}
#bottomMenu.fix { position: fixed !important; }
.pop_elin,
.close_pop,
.pop .btn.btn_download { display: none !important; }
.pop .btn.btn_register {
	background-position: -600px 0;
	height: 200px;
	width: 200px;
	margin-left: auto;
	left: auto;
	right: -3rem;
	bottom: 4.3rem;
	transform: scale(0.45);
	z-index: 99;
}
.wrap {
    min-width: inherit;
    /* background-size: cover; */
}
.copyright {
    height: 12rem;
    overflow: hidden;
    background-image: url(../images/copyright_m.png);
    background-position: center top;
}
.copyright img{
	display: none;
}
ul.qlink {
	position: fixed;
	top: auto;
	bottom: 0;
	margin-top: 0px;
	left: 0;
	min-width: 100%;
	background: rgba(0, 0, 0, 0.65);
	height: 98px;
	z-index: 999;
	/*padding-top: 153px*/
}
ul.qlink li {
	float: left;
	width: 25%;
	/*margin: 0 -3px 0;*/
}
ul.qlink li a {transform: scale(0.7);}

#bgplayer{}

.title {
    top: auto;
    margin-left: -175px;
    margin-top: 635px;
    background-size: 40%;
}
.job { padding-top: 900px; }
.job .jobwrap {
	position: relative;
	margin-bottom: 20px;
}
.job .jobwrap img { display: block; }
.job .jobwrap button.btn_job {
	background-position-x: -200px;
	top: 20px;
	left: auto;
	right: 40px;
	bottom: auto;
}
.job_img { display: none !important; }
.role { display: none !important; }
.navtab #btnNav {
	margin-left: -403px;
	top: 246px;
}
.navtab .play_wrap { margin-left: -180px; }
.item button.btn_item.btn_item_1 {
	display: block;
    left: 50%;
    top: 50%;
    margin-top: 220px;
    margin-left: -59px;
    /* background-position-x: -120px; */
    transform: scale(1);
}
.item button.btn_item.btn_item_2 {
	display: block;
    left: 50%;
    top: 50%;
    margin-top: 380px;
    margin-left: -100px;
    /* background-position-x: -120px; */
    transform: scale(0.5);
}
.item button.btn_more { display: none; }
#footerWrap { 
	margin-bottom: 65px;
    }

.quick {
	display:none;
}
.btn_vote {
    left: 430px;
}
.bird { display: none;}
}

@keyframes myfirst {
    0%   {
            transform: translate(0px, 0px);
        }
    50%  {
            transform: translate(0px, -10px);
        }
    100% {
            transform: translate(0px, 0px);
        }
}


.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 0;

height: auto;

overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}


.bg-light {
    background-color: rgba(0, 0, 0, 0.6)!important;
}



@media (min-width: 992px){}
.navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: fixed!important;
    z-index: 5;
    width: 100%;

}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}

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

.fancybox-skin{
	background: inherit;
}
.fancybox-title-float-wrap .child {
    font-size: 1.5rem;
}
/****************************************************/
.mainbtn{
	width: 714px;
	position: relative;
	margin: 740px auto;
}
#content { 
	width: 100%;
	height: 100%; 
	top: 0px;
	overflow: hidden; 
	position: absolute; 
}
#snowflake { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	overflow: hidden; 
}
.snowRoll { 
	position: absolute; 
	opacity: 0; 
	-webkit-animation-name: mysnow; 
	-webkit-animation-duration: 20s; 
	-moz-animation-name: mysnow; 
	-moz-animation-duration: 20s; 
	height: 80px; 
}
@-webkit-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -webkit-transform: rotate(1080deg);
	}
	 100% {
	 -webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}
@-moz-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -moz-transform: rotate(1080deg);
	}
	 100% {
	 -moz-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}
#mute {
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 347px;
    right: 0;
    left: 0;
    margin: auto;
    opacity: .5;
    z-index: 999;
}
#mute2{
  background: url(../images/btn2.png) no-repeat;
  background-position: center top;
  cursor: pointer;
  height: 68px;
  width: 59px;
  position: absolute;
  top: 330px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 888;
}