@charset "utf-8";
html, body, div, span, applet, obpop_rject, 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;
	border: 0;
	outline: 0;
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul, li {
	list-style: none;
	margin: 0;
	padding: 0
}
a {
	font-family: Tahoma, Geneva, sans-serif;
	transition: color 0.15s linear 0s;
	-ms-transition: color 0.15s linear 0s;
	-moz-transition: color 0.15s linear 0s;
	-webkit-transition: color 0.15s linear 0s;
	-o-transition: color 0.15s linear 0s;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
img {
	border: 0 none;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.mr0 {
	margin-right: 0px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mb2 {
	margin-bottom: 2px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.pl0 {
	padding-left: 0px !important;
}
.pr0 {
	padding-right: 0px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.bd0 {
	border: none !important;
}
body {
	display: block;
	background: #000;
	margin: 0 auto;
	background-image:url(../images/bg.mp4);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:0;
}
.site {
	display: block;
	position:fixed;
	width:1000px;
	margin:0 auto;
	left:0;
	right:0;
	top:0;
	z-index:1;
	height:100%;
}
img.acc_dk{
	display:block;
	height:100% !important;
	width:auto;
}
span.acc{
	display:block;
	width:auto;
	height:100%;
	position:fixed;
	left:-20%;
	top:0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: scale;
	animation-name: scale;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
}
.menu{
	display:block;
	position:fixed;
	background-image:url(../images/bg_menu.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%;
	width:210px;
	z-index:2;
	top:0;
	right:3%;
	padding-top:25px;
	}
a.logo img{
	display:block;
	width:60%;
	height:auto;
	margin:0 auto;
	margin-bottom:15px;
	}
ul.menu_link{
	display:block;
	width:172px;
	margin:0 auto;
	margin-bottom:15px;
	}
ul.menu_link li{
	display:block;
	width:172px;
	height:27px;
	margin-bottom:5px;
	}
ul.menu_link li a{
	display:block;
	width:172px;
	height:27px;
	font-family:'Roboto-Regular', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:27px;
	}
ul.menu_link li a:hover{
	background-image:url(../images/bg_li.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	color:#7b5f21;
	}
ul.menu_tab{
	display:block;
	width:100px;
	height:auto;
	margin:0 auto;
	}
ul.menu_tab li{
	float:left;
	width:40px;
	margin:0 5px;
	}
ul.menu_tab li img{
	display:block;
	width:40px;
	height:auto;
		border-radius:5px;
	}
a.bt_choi img{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	}
.video_block{
	display:block;
	background-image:url(../images/bg_video.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:380px;
	height:212px;
	position:absolute;
	margin:0 auto;
	top:200px;
	left:0;
	right:0;
	z-index:3;
	padding:30px 35px 40px 35px;
	}
ul.time_block{
	display:block;
	margin:0 auto;
	position:absolute;
	z-index:2;
	left:0;
	right:0;
	text-align:center;
	top:73%;
	}
ul.time_block li{
	display:inline-block;
	background:rgba(0, 0, 0, 0.6);
	background-image:url(../images/bg_time.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:72px;
	height:99px;
	margin:0 5px;
	}
ul.time_block li p{
	display:block;
	font-family:'Roboto-bold', Arial, Helvetica, sans-serif;
	color:#ff8a00;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	line-height:20px;
	}
ul.time_block li p strong{
	color:#fff !important;
	font-size:40px;
	line-height:70px;
	}
img.tit_1{
	display:block;
	margin:0 auto;
	width:50%;
	height:auto;
	top:25%;
	position:fixed;
	left:0;
	right:0;
	z-index:5;
	}
img.tit_2{
	display:block;
	margin:25px auto;
	width:90%;
	height:auto;
	}
.footer{
	display:block;
	position:fixed;
	width:90%;
	padding:10px 5%;
	background:rgba(0, 0, 0, 0.9);
	z-index:3;
	bottom:0;
	left:0;
	text-align:center;
	}
.footer img{
	display:inline-block;
	height:35px;
	width:auto;
	margin-right:15px;
	}
.footer p{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	}
.play_video img{
	display:block;
	margin:25px auto;
	}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: local('?'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-bold';
	src: url('../fonts/Roboto-BoldCondensed.ttf');
}
.neon {
  animation: neon 1s ease infinite;
  -moz-animation: neon 1s ease infinite;
  -webkit-animation: neon 1s ease infinite;
}

@keyframes neon {
  0%,
  100% {
    box-shadow: 0 0 1px #FA1C16, 0 0 3px #FA1C16, 0 0 10px #FA1C16, 0 0 10px #FA1C16, 0 0 .4px #FED128, .5px .5px .1px #806914;
    color: #FED128;
  }
  50% {
    box-shadow: 0 0 .5px #800E0B, 0 0 1.5px #800E0B, 0 0 5px #800E0B, 0 0 5px #800E0B, 0 0 .2px #800E0B, .5px .5px .1px #40340A;
    color: #806914;
  }
}
/*
==============================================
pulse
==============================================
*/

.pulse2{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse2 {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse2 {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}
/*
==============================================
floating
==============================================
*/

.floating2{
	animation-name: floating2;
	-webkit-animation-name: floating2;

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating2 {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(2%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating2 {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(2%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

@-webkit-keyframes scale {
0% {
opacity:0;
-webkit-transform:scale(8, 8);
}
80% {
-webkit-transform:scale(.9, .9);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@-moz-keyframes scale {
0% {
opacity:0;
-webkit-transform:scale(8, 8);
}
80% {
-webkit-transform:scale(.9, .9);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@-ms-keyframes scale {
0% {
opacity:0;
-webkit-transform:scale(8, 8);
}
80% {
-webkit-transform:scale(.9, .9);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@keyframes scale {
0% {
opacity:0;
transform:scale(10, 10);
}
80% {
transform:scale(.9, .9);
}
100% {
opacity:1;
transform:scale(1, 1);
}
}

.tit_1{
	display:block;
  -webkit-mask-image: url(../images/tit_1.png);
          mask-image: url(../images/tit_1.png);
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
	margin:0 auto;
	width:50%;
	height:auto;
	top:25%;
	position:absolute;
	left:0;
	right:0;
	z-index:5;
}
.tit_1 img{
	display:block;
	width:100%;
	height:auto;
	}
.target {
  display: block;
   width:100%;
	height:100%;
  margin: 0 auto;
}
.light_text{
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	}
.light_t{
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	}	
span.light_t{
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
    background: url(../images/light.png) top left no-repeat;
   content: '';
    -webkit-background-clip: content;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: content;
    -moz-text-fill-color: transparent;
     animation: animatedlighttext 2s linear infinite;
    -moz-animation: animatedlighttext 2s linear infinite;
    -webkit-animation: animatedlighttext 2s linear infinite;
  z-index: 2;
}
@keyframes animatedlighttext {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
    }
    @-webkit-keyframes animatedlighttext {
      from { background-position: 0 0; }
      to { background-position: 100% 0; }
}