@charset 'utf-8';

@import url('https://dlcdnimgs.stzgcm.com/vendor/public/fonts/css/roboto-condensed.css');
@font-face {
	font-family: 'Fjalla One';
	src: url("../fonts/FjallaOne-Regular.ttf") format("opentype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'XoloniumB';
	src: url("../fonts/Xolonium-Bold.ttf") format("opentype");
	font-weight: normal;
	font-style: normal
}
@font-face{
	font-family: 'ROGFont';
	src: url("../fonts/ROG-Fonts-v1.6.1.ttf") format("opentype");
	font-weight: normal;
	font-style: normal
}
/* ----------RESET---------- */
	*{
		margin:0;
		padding: 0;
		color:inherit;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		font: inherit;
	}
	::selection {
		background: #b80202;
		color: #ffffff;
	}
	::-moz-selection {
		background: #b80202;
		color: #ffffff;
	}
	body{
		position: relative;
		font-size: 16px;
		font-weight: 400;
		font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
		background-color: #000;
		color:#fafafa;
	}

	ul, li{
		list-style: none;
		font-size: inherit;
	}
	img{
		border:none;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	input,
	textarea,
	keygen,
	select,
	a,
	a:active,
	a:hover,
	a:focus{
		outline: none;
	}

	iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
/* ----------BLOCK---------- */
	.fleft{
		float:left;
	}
	.fright{
		float: right;
	}
	.cf:after{
		content:'';
		display: block;
		clear:both;
	}
	.row{
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.w800,
	.w1200{
		width: 95%;
		max-width: 1200px;
		margin:0 auto;
	}
	.w800{
		max-width: 800px;
	}
	.col80,
	.col70,
	.col66,
	.col60,
	.col55,
	.col50,
	.col45,
	.col40,
	.col33,
	.col30,
	.col25,
	.col20{
		display: inline-block;
		vertical-align: top;
		margin-left: -5px;
	}
	.col80{
		width: 80%;
	}
	.col70{
		width: 70%;
	}
	.col66{
		width: 66.6666%;
	}
	.col60{
		width: 60%;
	}
	.col55{
		width: 55%;
	}
	.col50{
		width: 50%;
	}
	.col50:nth-child(odd){
		margin-left: 0px;
	}
	.col45{
		width: 45%;
	}
	.col40{
		width: 40%;
	}
	.col33{
		width: 33.3333%;
	}
	.col30{
		width: 30%;
	}
	.col25{
		width: 25%;
	}
	.col20{
		width: 20%;
	}

	.ib-middle{
		display: inline-block;
		vertical-align: middle;
	}
	.ib-top{
		display: inline-block;
		vertical-align: top;
	}
/* ----------TEXT---------- */
	h1,h2,h3,h4,h5,h6,
	a,p,b,small{
		font:inherit;
		color:inherit;
	}
	h1{
		font-family: "ROGFont", sans-serif;
		font-size: 110px;
		line-height: 75px;
		padding-bottom: 40px;
		font-weight: normal;
		letter-spacing: 0px;
		text-transform: uppercase;
		color:#c50000 !important;
		background: #c50000;
		background: -webkit-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom,#c50000 40%, #ff0000 48%, #7f0000 62%);/* Standard syntax (must be last) */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root h1 {
		background: transparent !important;
	}
	_:-ms-input-placeholder, :root h1{
		background: transparent !important;
	}
	h2{
		font-family: "XoloniumB", sans-serif;
		font-size: 80px;
		line-height: 75px;
		padding-bottom: 20px;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	h3{
		font-family: "Fjalla One", sans-serif;
		font-size: 25px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 1.5em;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	h4{
		font-size: 22px;
		letter-spacing: 0;
		line-height: 30px;
		font-weight: 400;
	}
	h5{
		font-family:"Fjalla One", sans-serif;
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: 500;
		line-height: 1.5px;
		margin-bottom: 20px;
	}
	a{
		display: inline-block;
		text-decoration: none;
	}
	p{
		font-size: 1em;
		line-height: 1.2em;
	}
	b, strong{
		letter-spacing: 0;
		font-weight: bolder;
	}
	small{
		font-size: .75em;
		line-height: normal;
	}
	.txt-grey{
		color:#bbbbbb;
	}
	.txt-red{
		color:#ed1c24;
	}
	.txt-link{
		text-decoration: underline;
	}

	.txt-left{
		text-align: left;
	}
	.txt-right{
		text-align: right;
	}
	.txt-center{
		text-align: center;
	}
/* ----------BTN---------- */
	.btn{
		width: 145px;
		font-size: 25px;
		padding:5px 20px;
		border-radius: 10px;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.btn:hover{
		-webkit-transform: scale(1.02) translateY(-2px);
		   -moz-transform: scale(1.02) translateY(-2px);
		    -ms-transform: scale(1.02) translateY(-2px);
		     -o-transform: scale(1.02) translateY(-2px);
		        transform: scale(1.02) translateY(-2px);
	}
	.btn:active{
		-webkit-transform: scale(1) translateY(0);
		   -moz-transform: scale(1) translateY(0);
		    -ms-transform: scale(1) translateY(0);
		     -o-transform: scale(1) translateY(0);
		        transform: scale(1) translateY(0);
	}
	.btn-play{
		display: block;
		width: 180px;
		height: 180px;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		cursor: pointer;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.btn-play:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 22px 0 22px 22px;
		border-color: transparent transparent transparent #ff0000;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 5%;
		margin:auto;
	}
	.btn-play img{
		display: block;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		pointer-events: none;
	}
	.btn-play img:nth-child(1){
		-webkit-animation: spin 10s linear infinite, pulse .8s ease infinite;
		-o-animation: spin 10s linear infinite, pulse .8s ease infinite;
		animation: spin 10s linear infinite, pulse .8s ease infinite;
	}
	.btn-play img:nth-child(2){
		-webkit-animation: spin -2s 8s linear reverse infinite, pulse 1.2s ease infinite;
		-o-animation: spin -2s 8s linear reverse infinite, pulse 1.2s ease infinite;
		animation: spin -2s 8s linear reverse infinite, pulse 1.2s ease infinite;
	}
	.btn-play:hover{
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	.btn-play:active{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
	.vid_box .btn-play,
	.vidbox .btn-play{
		pointer-events: none;
	}
	.play-btn{cursor: pointer;}
/* ---------- lightbox ---------- */
	#lightbox {
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		z-index: 10;
	}
	#lightbox .filter {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .7);
	}
	#lightbox .box {
		width: 800px;
		height: 480px;
		background: #232323;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		box-sizing: border-box;
	}
	#lightbox .close {
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: -25px;
		right: 0;
		cursor: pointer;
	}
	#lightbox .close:before,
	#lightbox .close:after{
		content:'';
		display: block;
		width: 20px;
		height: 3px;
		-webkit-border-radius: 1.5px;
		-moz-border-radius: 1.5px;
		border-radius: 1.5px;
		background: #aaaaaa;
	}
	#lightbox .close:before{
		-webkit-transform: rotateZ(45deg) translate(2px, 2px);
		-moz-transform: rotateZ(45deg) translate(2px, 2px);
		-ms-transform: rotateZ(45deg) translate(2px, 2px);
		-o-transform: rotateZ(45deg) translate(2px, 2px);
		transform: rotateZ(45deg) translate(2px, 2px);
	}
	#lightbox .close:after{
		-webkit-transform: rotateZ(-45deg);
		-moz-transform: rotateZ(-45deg);
		-ms-transform: rotateZ(-45deg);
		-o-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}
	#lightbox .box>img {
		position: absolute;
		right: 40px;
		bottom: 60px;
	}
	#lightbox .box iframe {
		width: 100%;
		height: 100%;
	}
/* ----------KV---------- */
	.sec_kv{
		text-align: center;
		padding-top: 30px;
		position: relative;
		overflow: hidden;
		z-index: 0;
	}
	.kv{
		position: relative;
	}
	.kv > img{
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		position: relative;
	}
	.sec_kv .w1200{
		max-width: 1350px;
		position: relative;
		z-index: 2;
	}
	.sec_kv .w1200 img{
		width: 16.8%;
		display: inline-block;
		vertical-align: middle;
		padding-right: 15px;
	}
	h1{
		display: inline-block;
		vertical-align: middle;
	}
	h1+p{
		font-size: 21px;
		letter-spacing: 1px;
		max-width: 1100px;
		margin:15px auto -120px;
	}
	#kv_play.btn-play{
		width: 230px;
		height: 230px;
	}
	#kv_play.btn-play:after{
		border-width: 30px 0 30px 30px;
		top: 0;right: 0;bottom: 0;left: 5%;
	}
/* ----------TAB_FILTER---------- */
	#tab_filter{
		border-bottom: 5px solid #b80201;
		overflow: hidden;
	}
	#tab_filter li{
		width: 25%;
		float:left;
	}
	#tab_filter li a{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 25%;
		background-color: #1e1e1e;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 95% auto;
		box-shadow: 2px 0 2px 0 rgba(0,0,0,.3) inset,
					8px 0 10px 0 rgba(0,0,0,.2) inset;
	}
	#tab_filter li.active a{
		background-color: #b80201;
		box-shadow: -2px 0 2px 0 rgba(0,0,0,.5),
					-8px 0 10px 0 rgba(0,0,0,.4);
	}
	#tab_filter p{
		display: none;
	}
	#tab_filter li:nth-child(1) a{
		background-image: url(../img/title/button-1.png);
	}
	#tab_filter li:nth-child(2) a{
		background-image: url(../img/title/button-2.png);
	}
	#tab_filter li:nth-child(3) a{
		background-image: url(../img/title/button-3.png);
	}
	#tab_filter li:nth-child(4) a{
		background-image: url(../img/title/button-4.png);
	}
	#tab_filter li:nth-child(1).active a{
		background-image: url(../img/title/button-1-light.png);
	}
	#tab_filter li:nth-child(2).active a{
		background-image: url(../img/title/button-2-light.png);
	}
	#tab_filter li:nth-child(3).active a{
		background-image: url(../img/title/button-3-light.png);
	}
	#tab_filter li:nth-child(4).active a{
		background-image: url(../img/title/button-4-light.png);
	}

	#sec_loading{
		padding:50px 0;
	}
/* ----------SEC_INTRO---------- */
	.sec_intro{
		text-align: center;
		font-size: 20px;
		letter-spacing: .5px;
		padding:6% 0 12%;
		background: url(../img/bg/bg-intro.jpg) center center no-repeat;
		background-size: cover;
	}
	.sec_intro .w1200{
		width: 80%;
	}
/* ----------BG---------- */
	.bg_1{
		position: relative;
		z-index: 2;
	}
	.bg_1:before,
	.bg_2:before,
	.bg_3:before{
		content:'';
		display: block;
		width: 100%;
		height: 0;
		position: absolute;
		left: 0;right: 0;
		margin:0 auto;
		z-index: -1;
	}
	.bg_1:before{
		padding-bottom: 35%;
		background: url(../img/bg/bg-1.png) center top no-repeat;
		background-size: contain;
		top: -155px;
	}
	.bg_2{
		position: relative;
		z-index: 3;
	}
	.bg_2:before{
		padding-bottom: 29%;
		background: url(../img/bg/bg-2.png) center top no-repeat;
		background-size: contain;
		top: 0;
		z-index: -1;
	}
	.bg_3{
		position: relative;
		z-index: 4;
	}
	.bg_3:before{
		padding-bottom: 34%;
		background: url(../img/bg/bg-3.png) center top no-repeat;
		background-size: contain;
		top: 0;
		z-index: -1;
	}
/* FAQ */
	#sec_faq{
		padding:70px 0;
	}
	#sec_faq .container li{
		float:left;
		width: 25%;
		height: 0;
		padding-top: 12.5%;
		padding-bottom: 12.5%;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	#sec_faq .container li.active ::selection {
		background: #555555;
		color: #ffffff;
	}
	#sec_faq .container li.active ::-moz-selection {
		background: #555555;
		color: #ffffff;
	}
	#sec_faq .container li:before{
		content:'';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;left: 0;
		opacity: 0;
		background: #b80202;
		background: -moz-linear-gradient(-45deg, #b80202 0%, #6e0202 100%);
		background: -webkit-linear-gradient(-45deg, #b80202 0%,#6e0202 100%);
		background: linear-gradient(135deg, #b80202 0%,#6e0202 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80202', endColorstr='#6e0202',GradientType=1 );
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#sec_faq .container li img{
		opacity: .4;
		width: auto;
		max-width: none;
		max-height: 100%;
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		-webkit-transform: translate3d(0,0,0);
		   -moz-transform: translate3d(0,0,0);
		    -ms-transform: translate3d(0,0,0);
		     -o-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#sec_faq .container li .content{
		padding:40px;
		z-index: 3;
	}
	#sec_faq .container li .content p{
		display: none;
		margin-top:40px;
	}
	#sec_faq .container li:hover img{
		opacity: .6;
	}
	#sec_faq .container li.active{
		display: block;
	}
	#sec_faq .container li.active:before{
		opacity: 1;
	}
	#sec_faq .container li.active .content{
		position: absolute;
		top: 0;
		left: 0;
		text-align: left;
		height: 100%;
	}
	#sec_faq .container li.active .content h3{
		-webkit-animation: fadeInFromTop .5s forwards;
		-o-animation: fadeInFromTop .5s forwards;
		animation: fadeInFromTop .5s forwards;
	}
	#sec_faq .container li.active .content p{
		display: block;
		-webkit-animation: fadeInFromDown .5s forwards;
		-o-animation: fadeInFromDown .5s forwards;
		animation: fadeInFromDown .5s forwards;
	}

	.more{
		margin:70px 0;
		overflow: hidden;
		cursor: pointer;
	}
	.more p{
		font-family: "XoloniumB", sans-serif;
		font-size: 50px;
		line-height: 40px;
		padding-bottom: 20px;
		font-weight: normal;
		letter-spacing: 0px;
		text-transform: uppercase;
		color:#c50000 !important;
		background: #c50000;
		background: -webkit-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(top,#c50000 40%, #ff0000 48%, #7f0000 62%);/* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom,#c50000 40%, #ff0000 48%, #7f0000 62%);/* Standard syntax (must be last) */
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root .more p {
		background: transparent !important;
	}
	_:-ms-input-placeholder, :root p{
		background: transparent !important;
	}
	.more div{
		position: relative;
		background: url(../img/more.png) center center no-repeat;
		width: 100%;
		height: 0;
		padding-bottom: 5%;
		background-size: 1920px;
	}
	.more div:before,
	.more div:after{
		content:'';
		display: block;
		position: absolute;
		width: 25px;
		height: 5px;
		background: #c50000;
		background: -webkit-linear-gradient(left,#c50000 2.5%, #ff0000 38%, #7f0000 100%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left,#c50000 2.5%, #ff0000 38%, #7f0000 100%);/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left,#c50000 2.5%, #ff0000 38%, #7f0000 100%);/* For Firefox 3.6 to 15 */
		background: linear-gradient(to right,#c50000 2.5%, #ff0000 38%, #7f0000 100%);/* Standard syntax (must be last) */
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.more div:after{
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}
	.more.active div:before{
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		     -o-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
	.more.active div:after{
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	.more + ul{
		display: none;
	}
	.more.active + ul{
		display: block;
		-webkit-animation: fadeInFromDown .5s forwards;
		-o-animation: fadeInFromDown .5s forwards;
		animation: fadeInFromDown .5s forwards;
	}
/* RADAR */
	#radar .sec_ui{
		padding:70px 0 0;
	}
	#radar .sec_ui .w800{
		width: 95%;
		padding:70px;
		overflow: hidden;
	}
	#radar .sec_vid{
		padding:200px 0 150px;
	}
	#radar .vid_box{
		border:2px solid #ff0000;
		width: 100%;
		height: 0;
		padding-bottom: 350px;
		margin:0 auto;
		position: relative;
	}
	/* slider */
		#owl_ui.owl-carousel .owl-stage-outer{
			overflow: visible;
		}
		#owl_ui .item{
			opacity: 0;
			-webkit-transition: opacity .25s ease;
			   -moz-transition: opacity .25s ease;
			    -ms-transition: opacity .25s ease;
			     -o-transition: opacity .25s ease;
			        transition: opacity .25s ease;
		}
		#owl_ui .active .item{
			opacity: 1;
		}
		#owl_ui .owl-prev,
		#owl_radar_vid .owl-prev{
			position: absolute;
			top: 0;
			left: -70px;
			margin-top: 40%;
		}
		#owl_ui .owl-next,
		#owl_radar_vid .owl-next{
			position: absolute;
			top: 0;
			right: -70px;
			margin-top: 40%;
		}
		#owl_ui .owl-prev:before,
		#owl_ui .owl-next:before,
		#owl_radar_vid .owl-prev:before,
		#owl_radar_vid .owl-next:before{
			content:'';
			display: block;
			width: 35px;
			height: 88px;
			background: url(../img/icon/arrow-big.png) 0 0 no-repeat;
			background-size: contain;
		}
		#owl_ui .owl-prev:before,
		#owl_radar_vid .owl-prev:before{
			-webkit-transform: scale(-1,-1);
			   -moz-transform: scale(-1,-1);
			    -ms-transform: scale(-1,-1);
			     -o-transform: scale(-1,-1);
			        transform: scale(-1,-1);
		}
		#owl_radar_vid{
			width: 85%;
			max-width: 750px;
			margin:0 auto;
		}
		#owl_radar_vid .owl-prev,
		#owl_radar_vid .owl-next{
			height: 90px;
			bottom: 0;
			margin:auto 0;
		}
		#owl_radar_vid .owl-dots{
			text-align: center;
			padding-top: 30px;
		}
		#owl_radar_vid .owl-dot{
			display: inline-block;
			width: 12px;
			height: 12px;
			border-radius: 10px;
			border:2px solid #ff1111;
			margin:10px;
			background: rgba(0,0,0,.2);
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		#owl_radar_vid .owl-dot.active{
			background: rgba(255,0,0,1);
		}
	/* slider nav */
		#owl_ui_nav{
			margin-top: 50px;
		}
		#owl_ui_nav li{
			display: inline-block;
			margin:10px 0;
			position: relative;
			cursor: pointer;
		}
		#owl_ui_nav li:after{
			content:'';
			display: block;
			width: 2px;
			height: 90%;
			background: #fafafa;
			position: absolute;
			top: 0;right: 0;bottom: 0;
			margin:auto 0;
		}
		#owl_ui_nav li:last-child:after{
			display: none;
		}
		#owl_ui_nav li h4{
			margin-bottom: 0;
			margin:0 25px;
			line-height: 1em;
			text-transform: uppercase;
		}
		#owl_ui_nav li.active h4{
			color:#e40202;
			font-weight: bold;
			box-shadow: 0 6px 0 0 #000000,
						0 10px 0 0 #b80202;
		}
	/* tips */
		#owl_ui .tips{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		#owl_ui .tips li{
			position: absolute;
			border:2px solid transparent;
			cursor: crosshair;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		#owl_ui .tips li:before{
			content:'';
			display: block;
			height: 15px;
			width: 15px;
			border-radius: 8px;
			position: absolute;
			top: -8px;
			left: -8px;
			background-color: rgba(255, 51, 51, 0.8);
			box-shadow: 0 0 10px rgb(255, 141, 0);
		}
		#owl_ui .tipbox{
			display: inline-block;
			max-width: 495px;
			min-width: 200px;
			padding: 10px 20px;
			position: absolute;
			background-color: rgba(212, 65, 0, 0.7);
			border: 3px solid rgba(212, 65, 0, 1);
			z-index: 2;
			display: none;
		}
		#owl_ui .tipbox h4{
			margin-bottom: 0;
		}
		#owl_ui .tips li:hover{
			border:2px solid rgba(225,51,51,.5);
		}
		#owl_ui .tips li:hover .tipbox{
			display: block;
			-webkit-animation: fadeInFromDown .5s forwards;
			-o-animation: fadeInFromDown .5s forwards;
			animation: fadeInFromDown .5s forwards;
		}
	/* tips position */
		#radar_ui-1 .tips li:nth-child(1){
			width: 47%;
			height: 4.5%;
			top: 12%;
			left: 2%;
		}
		#radar_ui-1 .tips li:nth-child(1) .tipbox{
			width: 270px;
			top: -65%;
			left: 110%;
		}
		#radar_ui-1 .tips li:nth-child(2){
			width: 80%;
			height: 4.5%;
			top: 17%;
			left: 2%;
		}
		#radar_ui-1 .tips li:nth-child(2) .tipbox{
			top: 150%;
			left: 0;
		}
		#radar_ui-1 .tips li:nth-child(3){
			width: 16%;
			height: 18%;
			top: 52%;
			left: 4.8%;
		}
		#radar_ui-1 .tips li:nth-child(3) .tipbox{
			top: 130%;
			left: -20%;
		}
		#radar_ui-1 .tips li:nth-child(4){
			width: 12%;
			height: 7%;
			top: 56%;
			left: 44%;
		}
		#radar_ui-1 .tips li:nth-child(4) .tipbox{
			width: 230px;
			top: 130%;
			left: -120%;
		}
		#radar_ui-1 .tips li:nth-child(5){
			width: 28%;
			height: 15%;
			top: 54%;
			left: 68%;
		}
		#radar_ui-1 .tips li:nth-child(5) .tipbox{
			top: 130%;
			right: 0;
		}

		#radar_ui-2 .tips li:nth-child(1){
			width: 75%;
			height: 19%;
			top: 14%;
			left: 22%;
		}
		#radar_ui-2 .tips li:nth-child(1) .tipbox{
			top: 110%;
			left: 5%;
		}
		#radar_ui-2 .tips li:nth-child(2){
			width: 75%;
			height: 19%;
			top: 33%;
			left: 22%;
		}
		#radar_ui-2 .tips li:nth-child(2) .tipbox,
		#radar_ui-2 .tips li:nth-child(3) .tipbox{
			top: 110%;
			left: 5%;
		}
		#radar_ui-2 .tips li:nth-child(3){
			width: 75%;
			height: 19%;
			top: 52%;
			left: 22%;
		}

		#radar_ui-3 .tips li:nth-child(1){
			width: 76%;
			height: 13%;
			top: 14%;
			left: 22%;
		}
		#radar_ui-3 .tips li:nth-child(1) .tipbox{
			top: 120%;
			left: 0;
		}
		
		#radar .sec_vid .vidbox{
			width: 95%;
			height: 0;
			padding-bottom: 54%;
			margin:40px auto;
			position: relative;
		}
		#radar .sec_vid .vidbox:before {
			content: '';
			display: block;
			width: calc(100% + 4px);
			height: calc(100% + 4px);
			position: absolute;
			top: -2px;
			left: -2px;
			background: #c50000;
			background: -moz-linear-gradient(-45deg, #c50000 1%, #ff0000 50%, #7f0000 100%);
			background: -webkit-linear-gradient(-45deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
			background: linear-gradient(135deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#7f0000',GradientType=1 );
			z-index: -1;
		}

		#radar .sec_vid .vidbox img{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		#radar .sec_vid  .btn-play{
			width: 150px;
			height: 150px;
		}
		#radar .sec_vid  .btn-play:after {
			border-width: 18px 0 18px 18px;
		}
/* STUDIO */
	#studio .sec_vidlist{
		padding:50px 0 30px;
	}
	#studio h2{
		margin-bottom: 40px;
	}
	/* sec_vidlist */
		#vidlist_content{
			padding:0 70px;
		}
		#vidlist_content .col70{
			padding:20px;
			background-color: #191919;
		}
		#vidlist_content .vidbox{
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			position: relative;
		}
		#vidlist_content .vidbox img{
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
		#vidlist_content .description{
			text-align: left;
			padding:20px 0 20px 50px;
		}
		#vidlist_content .description h3{
			margin-bottom: 40px;
		}
		#vidlist_content .description p{
			font-weight: 300;
			letter-spacing: .05em;
		}
		#vidlist_content .description li{
			display: none;
		}
		#vidlist_content .description li.active{
			display: block;
			-webkit-animation: fadeIn .5s forwards;
			-o-animation: fadeIn .5s forwards;
			animation: fadeIn .5s forwards;
		}
	/* slider */
		#owl_vidlist{
			margin:50px 0;
			padding:0 70px;
			position: relative;
		}
		#owl_vidlist .owl-prev,
		#owl_vidlist .owl-next{
			height: 35px;
			position: absolute;
			top: 0;
			bottom: 0;
			margin:auto 0;
		}
		#owl_vidlist .owl-prev{
			left: 0px;
		}
		#owl_vidlist .owl-next{
			right: 0px;
		}
		#owl_vidlist .owl-prev:before,
		#owl_vidlist .owl-next:before{
			content:'';
			display: block;
			width: 19px;
			height: 35px;
			background: url(../img/icon/arrow-small.png) 0 0 no-repeat;
			background-size: contain;
		}
		#owl_vidlist .owl-prev:before{
			-webkit-transform: scale(-1,-1);
			   -moz-transform: scale(-1,-1);
			    -ms-transform: scale(-1,-1);
			     -o-transform: scale(-1,-1);
			        transform: scale(-1,-1);
		}
		#owl_vidlist .item{
			cursor: pointer;
			position: relative;
			border:2px solid transparent;
		}
		#owl_vidlist .item:before{
			content:'';
			display: block;
			width:calc(100% + 4px);
			height:calc(100% + 4px);
			position: absolute;
			top: -2px;
			left: -2px;
			z-index: -1;
			background: #c50000;
			background: -moz-linear-gradient(-45deg, #c50000 1%, #ff0000 50%, #7f0000 100%);
			background: -webkit-linear-gradient(-45deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
			background: linear-gradient(135deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#7f0000',GradientType=1 );
		}
		#owl_vidlist .item:hover:before{
			opacity: .8;
		}
		#owl_vidlist .item.active:before{
			background: #fafafa;
		}
	/* sec_sample */
		#studio .sec_sample{
			padding:170px 0 100px;
		}
		.hd-audioplayer{
			width: 480px;
			margin:70px auto 0;
			background-color: #282828;
		}
		.hd-audioplayer p{
			font-size: 1rem;
			letter-spacing: 0;
			display: inline-block;
			vertical-align: top;
			margin-bottom: 5px;
			padding-bottom: 0;
			cursor: pointer;
			-webkit-transition: color .25s ease;
			   -moz-transition: color .25s ease;
			    -ms-transition: color .25s ease;
			     -o-transition: color .25s ease;
			        transition: color .25s ease;
		}
		.hd-audioplayer #music_icon{
			display: inline-block;
			vertical-align: middle;
			background-color: #b80202;
			padding:10px 25px;
			cursor: pointer;
			-webkit-transition: opacity .25s ease;
			   -moz-transition: opacity .25s ease;
			    -ms-transition: opacity .25s ease;
			     -o-transition: opacity .25s ease;
			        transition: opacity .25s ease;

		}
		.hd-audioplayer #music_icon img{
			width: 59px;
		}
		.hd-audioplayer #music_icon h3{
			margin-bottom: 0;
			font-size: 20px;
			line-height: 1em;
		}
		.hd-audioplayer #music_icon.active{
			background-color: #730202;
		}
		.hd-audioplayer #music_icon h3.on,
		.hd-audioplayer #music_icon.active h3.off{
			display: block;
		}
		.hd-audioplayer #music_icon h3.off,
		.hd-audioplayer #music_icon.active h3.on{
			display: none;
		}

		.hd-audioplayer .content{
			display: inline-block;
			vertical-align: middle;
			max-width: 100%;
			margin-left: -5px;
			width: calc(100% - 110px);
		}
		#pButton{
			display: inline-block;
			vertical-align: middle;
			height:27px;
			width: 27px;
			margin-right: 10px;
			border: none;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			cursor: pointer;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}
		#pButton:hover{
			-webkit-transform: scale(1.1);
			   -moz-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			     -o-transform: scale(1.1);
			        transform: scale(1.1);
		}
		#pButton.play{background-image: url('../img/icon/play.png') ;}
		#pButton.pause{background-image: url('../img/icon/pause.png') ;}
		#timeline{
			display: inline-block;
			vertical-align: middle;
			width: 290px;
			max-width: 85%;
			height: 6px;
			border-radius: 15px;
			background: rgba(255,255,255,.3);
		}
		#playhead{
			width: 12px;
			height: 12px;
			border-radius: 50%;
			margin-top: -3px;
			background: #ffffff;
		}
	/* sec_station */
		#studio .sec_station{
			padding:150px 0;
		}
		#studio .sec_station .container{
			display: flex;
			justify-content:space-around;
			align-items: flex-start;
			text-align: center;
		}
		/* ui */
			#studio .sec_station .ui{
				position: relative;
			}
			#clickbox{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			#clickbox li{
				/*background-color: rgba(255,255,255,.2);*/
				position: absolute;
				cursor: pointer;
			}
			#clickbox li:before{
				content:'';
				display: none;
				width:100%;
				height:100%;
				position: absolute;
				top: 0;
				left: 0;
				opacity: .3;
				background: #c50000;
				background: -moz-linear-gradient(-45deg, #c50000 1%, #ff0000 50%, #7f0000 100%);
				background: -webkit-linear-gradient(-45deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
				background: linear-gradient(135deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#7f0000',GradientType=1 );
			}
			#clickbox li.active:before{
				display: block;
			}
			#clickbox li:nth-child(1){width:19%;   height:2%; top:13%;   left:40%; }
			#clickbox li:nth-child(2){width:35.8%; height:11%;  top:16%; left:54%;}
			#clickbox li:nth-child(3){width:18%; height:6%;   top:50.2%;   left:2%; }
			#clickbox li:nth-child(4){width:18%; height:6%; top:56.4%;   left:2%; }
			#clickbox li:nth-child(5){width:18%; height:6%; top:62.75%; left:2%; }
			#clickbox li:nth-child(6){width:18%; height:6%;   top:69%; left:2%; }
			#clickbox li:nth-child(7){width:18%; height:6%;   top:75.35%; left:2%; }
			#clickbox li:nth-child(8){width:18%; height:6%; top:81.6%;   left:2%; }
		/* content */
			#clickbox_content{
				background: #0f0f0f;
				border:1px solid #333333;
				padding:50px 25px;
				text-align: left;
				font-weight: 300;
				letter-spacing: 0.05em;
				display: none;
				margin-right: -10%;
			}
			#clickbox_content.active{
				display: block;
				margin-right: 0;
			}
			#clickbox_content li{
				display: none;
			}
			#clickbox_content li.active{
				display: block;
				-webkit-animation: fadeIn .5s forwards;
				-o-animation: fadeIn .5s forwards;
				animation: fadeIn .5s forwards;
			}
			#studio .sec_station .vidbox{
				width: 95%;
				height: 0;
				padding-bottom: 54%;
				margin:40px auto;
				position: relative;
			}
			#studio .sec_station .vidbox:before {
				content: '';
				display: block;
				width: calc(100% + 4px);
				height: calc(100% + 4px);
				position: absolute;
				top: -2px;
				left: -2px;
				background: #c50000;
				background: -moz-linear-gradient(-45deg, #c50000 1%, #ff0000 50%, #7f0000 100%);
				background: -webkit-linear-gradient(-45deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
				background: linear-gradient(135deg, #c50000 1%,#ff0000 50%,#7f0000 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#7f0000',GradientType=1 );
				z-index: -1;
			}
			#studio .sec_station .vidbox img{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				/*cursor: pointer;*/
			}
			#studio .sec_station  .btn-play{
				width: 150px;
				height: 150px;
			}
			#studio .sec_station  .btn-play:after {
				border-width: 18px 0 18px 18px;
			}
/* SUPREMEFX */
	#supreme .sec_mechanic{
		padding:30px 0;
	}
	#supreme .container{
		padding-bottom: 70px;
	}
	#supreme .col20,
	#supreme .col40,
	#supreme .col60,
	#supreme .col80{
		vertical-align: middle;
	}
	/* title */
		#supreme .cate_title{
			font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
			letter-spacing: .2em;
			font-style: italic;
			font-weight: bold;
			position: relative;
			z-index: 2;
			padding:2px 20px 2px 40px;
			margin-bottom: 25px;
		}
		#supreme .cate_title:before,
		#supreme .cate_title:after{
			content:'';
			display: block;
			position: absolute;
			top: 0;
			right: -10px;
			-webkit-transform: skewX(-36deg);
			   -moz-transform: skewX(-36deg);
			    -ms-transform: skewX(-36deg);
			     -o-transform: skewX(-36deg);
			        transform: skewX(-36deg);
		}
		#supreme .cate_title:before{
			width: 100%;
			height: 100%;
			background: #c50000;
			background: -webkit-linear-gradient(-45deg, #ff0000 0%, #7c0000 30%, #ff0000 50%, #000000 100%);/* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(-45deg, #ff0000 0%, #7c0000 30%, #ff0000 50%, #000000 100%);/* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(-45deg, #ff0000 0%, #7c0000 30%, #ff0000 50%, #000000 100%);/* For Firefox 3.6 to 15 */
			background: linear-gradient(135deg, #ff0000 0%, #7c0000 30%, #ff0000 50%, #000000 100%);/* Standard syntax (must be last) */
			z-index: -2;
		}
		#supreme .cate_title:after{
			width: calc(100% - 280px);
			height:calc(100% - 5px);
			background-color: #000;
			z-index: -1;
		}
	/* box */
		#supreme .container .col50{
			display: block;
			width: calc(50% - 8px);
		}
		#supreme .box{
			display: block;
			border:1px solid #de0405;
			margin-bottom: 15px;
			text-align: left;
		}
		#supreme .group{
			margin-bottom: 30px;
		}
		#supreme .group .box{
			margin-bottom: 0;
			margin-top: -1px;
		}

		#supreme .box h4.title{
			font-family: "Fjalla One", sans-serif;
			position: relative;
			padding:15px;
			padding-left: 60px;
			border-bottom: 1px solid transparent;
			color: #b80202;
			cursor: pointer;
		}
		#supreme .box h4.title:before{
			content:'';
			display: block;
			width: 4px;
			height: 4px;
			border-radius: 3px;
			background-color: #b80202;
			position: absolute;
			left: 40px;
			top: 0;bottom: 0;
			margin:auto 0;
		}
		#supreme .box .content{
			padding:10px 40px;
			display: none;
		}
		#supreme .box .content p{
			margin:40px 0;
			font-weight: 300;
			letter-spacing: .05em;
		}
		#supreme .box .content p + figure{
			text-align: center;
		}


		#supreme .box.open h4{
			border-bottom-color:#333333;
		}
/* ----------FOOTER---------- */
	footer {
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		padding: 20px 0;
	}
	footer .credit {
		font-size: 13px;
		line-height: 1.5em;
	}
	footer .credit a{
		text-decoration: underline;
	}
/* ----------ANIMATION---------- */
	@-webkit-keyframes fadeIn{
		from{opacity: 0; }
		to  {opacity: 1; }
	}
	@keyframes fadeIn{
		from{opacity: 0; }
		to  {opacity: 1; }
	}
	@-webkit-keyframes fadeInFromDown{
		from{
			opacity: 0;
			-webkit-transform: translateY(40%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	@keyframes fadeInFromDown{
		from{
			opacity: 0;
			   -moz-transform: translateY(40%);
			    -ms-transform: translateY(40%);
			     -o-transform: translateY(40%);
			        transform: translateY(40%);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@-webkit-keyframes fadeInFromTop{
		from{
			opacity: 0;
			-webkit-transform: translateY(-20%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	@keyframes fadeInFromTop{
		from{
			opacity: 0;
			   -moz-transform: translateY(-20%);
			    -ms-transform: translateY(-20%);
			     -o-transform: translateY(-20%);
			        transform: translateY(-20%);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateY(0);
			    -ms-transform: translateY(0);
			     -o-transform: translateY(0);
			        transform: translateY(0);
		}
	}
	@-webkit-keyframes fadeInFromRight{
		from{
			opacity: 0;
			-webkit-transform: translateX(40%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateX(0);
		}
	}
	@keyframes fadeInFromRight{
		from{
			opacity: 0;
			   -moz-transform: translateX(40%);
			    -ms-transform: translateX(40%);
			     -o-transform: translateX(40%);
			        transform: translateX(40%);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateX(0);
			    -ms-transform: translateX(0);
			     -o-transform: translateX(0);
			        transform: translateX(0);
		}
	}
	@-webkit-keyframes spin {
	    0% {
	    	-webkit-transform: rotate(0deg);
	    }
	    100% {
	    	-webkit-transform: rotate(360deg);
	    }
	}
	@keyframes spin {
	    0% {
	    	   -moz-transform: rotate(0deg);
	    	    -ms-transform: rotate(0deg);
	    	     -o-transform: rotate(0deg);
	    	        transform: rotate(0deg);
	    }
	    100% {
	    	   -moz-transform: rotate(360deg);
	    	    -ms-transform: rotate(360deg);
	    	     -o-transform: rotate(360deg);
	    	        transform: rotate(360deg);
	    }
	}
	@-webkit-keyframes pulse {
	    0% {
	    	width:100%;
	    }
	    100% {
	    	width:90%;
	    }
	}
	@keyframes pulse {
	    0% {
	    	width:100%;
	    }
	    100% {
	    	width:90%;
	    }
	}
/* ----------RWD---------- */
	@media screen and (min-width: 1921px){
		#tab_filter li a{
			background-size: auto 50px;
		}
	}
	@media screen and (max-width: 1440px){
		h1{
			font-size: 100px;
		}
		h2{
			font-size: 72px;
			line-height: 60px;
			margin-bottom: 50px;
		}
		h3{
			font-size: 21px;
		}
		.sec_kv{
			padding-top: 10px;
		}
		h1+p{
			margin-top: 5px;
			margin-bottom: -135px;
		}
		#kv_play.btn-play{
			width: 200px;
			height: 200px;
		}
		#kv_play.btn-play:after{
			border-width: 25px 0 25px 25px;
		}

		.bg_1:before{
			top: -85px;
		}
	/* FAQ */
		#sec_faq{
			padding:50px 0;
		}
		#sec_faq .container li.active .content{
			padding:25px;
		}
		.more{
			margin:30px 0;
		}
	}
	@media screen and (max-width: 1280px){
		h1{
			font-size: 85px;
			line-height: 55px;
		}
		h1+p{
			margin-bottom: -55px;
		}
		.sec_kv .w1200 img{
			width: 11%;
			padding-right: 0;
		}
	/* FAQ */
		#sec_faq{
			padding:30px 0;
		}
		#sec_faq .container li .content{
			padding:15px;
		}
		#sec_faq .container li.active .content{
			padding:15px 10px 15px 15px;
		}
		#sec_faq .container li.active .content h3{
			font-size: 18px;
			line-height: 1.2em;
		}
		#sec_faq .container li.active .content p{
			margin-top: 10px;
		}
		.more div{
			padding-bottom: 8%;
		}
	/* RADAR */
		#radar .sec_ui .w800{
			padding-top: 0;
		}
		#radar .sec_vid{
			padding-top: 150px;
		}
	/* STUDIO */
		#vidlist_content .col70{
			width: 60%;
		}
		#vidlist_content .col30{
			width: 40%;
		}
		#vidlist_content .description{
			padding: 15px 0 15px 40px;
		}
		#vidlist_content .description h3{
			margin-bottom: 20px;
		}
		#studio .sec_sample {
			padding: 120px 0 70px;
		}
		.hd-audioplayer{
			margin-top: 50px;
		}
		#studio .sec_station {
			padding: 100px 0;
		}
		#clickbox_content{
			padding:30px 20px;
		}
		#studio .sec_station .vidbox{
			margin:20px auto;
		}
	/* SUPREMEFX */
		#supreme .container{
			padding-bottom: 50px;
		}
		#supreme .box{
			margin-bottom: 10px;
		}
		#supreme .group{
			margin-bottom: 20px;
		}
		#supreme .container .col50{
			width:calc(50% - 5px);
		}
		#supreme .cate_title{
			margin-bottom: 15px;
		}
	}
	@media screen and (max-width: 1023px){
		.sec_kv .w1200 img{
			display: block;
			width: 16.5%;
			margin:0 auto -45px;
		}
		h1+p{
			margin-top: -15px;
		}
		#lightbox .box {
			width: 90%;
			height: 0;
			padding-bottom: 56.25%;
		}
	/* FAQ */
		#sec_faq .container li{
			width: 33.3333%;
			padding-top: 16.6665%;
			padding-bottom: 16.6665%;
		}
	/* RADAR */
		#owl_ui_nav{
			width: 120%;
			margin-left: -10%;
		}
	/* SUPREMEFX */
		#supreme h2{
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 768px){
		h1{
			display: inline-block;
			vertical-align: middle;
			width: 75%;
			background: #c50000;
			background: -webkit-linear-gradient(top,#c50000 20%, #ff0000 24%, #7f0000 31%, #c50000 55%, #ff0000 65%, #7f0000 70%);/* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(top,#c50000 20%, #ff0000 24%, #7f0000 31%, #c50000 55%, #ff0000 65%, #7f0000 70%);/* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(top,#c50000 20%, #ff0000 24%, #7f0000 31%, #c50000 55%, #ff0000 65%, #7f0000 70%);/* For Firefox 3.6 to 15 */
			background: linear-gradient(to bottom,#c50000 20%, #ff0000 24%, #7f0000 31%, #c50000 55%, #ff0000 65%, #7f0000 70%);/* Standard syntax (must be last) */
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			text-align: left;
		}
		h3{
			line-height: 1.2em;
		}
		.btn-play{
			width: 120px;
			height: 120px;
		}
		.btn-play:after {
			border-width: 15px 0 15px 15px;
		}
		.sec_kv .w1200 img {
			width: 20%;
			display: inline-block;
			vertical-align: middle;
			padding-bottom: 25px;
		}
		h1+p{
			font-size: 18px;
			margin-top: 0;
			margin-bottom: -80px;
			text-align: left;
			padding-left: 20px;
		}
		.kv > img{
			width: 150%;
			max-width: none;
			margin-left: -25%;
		}
		#tab_filter li a{
			padding-bottom: 30%;
		}

		.sec_intro{
			padding:8% 0 18%;
		}
	/* FAQ */
		.more div{
			background-size: 1366px;
			padding-bottom: 8%;
		}
		.more div:before,
		.more div:after{
			width: 20px;
			height: 4px;
		}

		#radar .sec_ui .w800{
			padding-top: 0;
		}
	/* RADAR */
		#owl_ui .owl-prev:before,
		#owl_ui .owl-next:before,
		#owl_radar_vid .owl-prev:before,
		#owl_radar_vid .owl-next:before{
			width: 25px;
			height: 60px;
		}
		#owl_ui_nav li h4{
			font-size: 16px;
			margin:0 15px;
		}
		#owl_ui_nav li.active h4{
			box-shadow: 0 4px 0 0 #000000, 0 7px 0 0 #b80202;
		}
		#owl_radar_vid{
			width: 70%;
		}
		#radar .vid_box{
			padding-bottom: 56.25%;
		}
		#owl_radar_vid .owl-prev{
			left: -40px;
		}
		#owl_radar_vid .owl-next{
			right: -40px;
		}
	/* STUDIO */
		#vidlist_content{
			padding:20px;
		}
		#vidlist_content .col70,
		#vidlist_content .col30,
		#studio .sec_station .ui,
		#clickbox_content{
			width: 100%;
			display: block;
			margin-left: 0;
		}
		#vidlist_content .description{
			padding:30px 15px;
		}
		#owl_vidlist{
			margin:30px 0;
			padding:0 30px;
		}
		#studio .sec_station .container{
			display: block;
			max-width: 640px;
			margin:0 auto;
		}
		#clickbox_content{
			margin-top: 20px;
		}
	/* SUPREMEFX */
		#supreme .box .content .col80{
			width: 60%;
		}
		#supreme .box .content .col20{
			width: 40%;
		}
		#supreme .box .content .col60,
		#supreme .box .content .col40{
			width: 100%;
			margin:5px 0;
		}
		#supreme .box .content{
			padding:10px 20px;
		}
		#supreme .box .content p{
			margin:30px 0;
		}
		#supreme .box h4.title{
			padding-left: 40px;
		}
		#supreme .box h4.title:before{
			left: 25px;
		}
		#supreme .cate_title:after{
			width:calc(100% - 200px);
		}
	}
	@media screen and (max-width: 620px){
		h1{
			font-size: 55px;
			line-height: 35px;
			padding-bottom: 25px;
		}
		h1+p{
			margin-top: 15px;
			margin-bottom: -50px;
		}
		.kv > img{
			width: 200%;
			margin-left: -50%;
		}
		h2{
			font-size: 48px;
			line-height: 30px;
		}
		#tab_filter{
			border-bottom: none;
		}
		#tab_filter li{
			width: 100%;
		}
		#tab_filter li a{
			padding-bottom: 10%;
			background-size: 60% auto;
		}

		.sec_intro{
			font-size: 16px;
			padding: 15% 0 25%;
		}

		.bg_1:before{
			background-size: 1024px;
			background-position: left top;
		}
		.bg_2:before{
			background-size: 1024px;
			background-position: right top;
		}
	/* FAQ */
		.more div{
			padding-bottom: 15%;
		}
		#sec_faq .container li{
			width: 50%;
			padding-top: 25%;
			padding-bottom: 25%;
		}
	/* RADAR */
		#radar .sec_ui{
			padding-top: 0;
		}
		#radar .sec_ui .w800{
			padding:70px 10px;
		}
		#owl_ui .owl-prev{
			left: 0;
			margin-top: 105%;
		}
		#owl_ui .owl-next{
			right: 0;
			margin-top: 105%;
		}
		#owl_ui_nav li{
			display: block;
			width: 100%;
		}
		#owl_ui_nav li:after{
			display: none;
		}
		#owl_ui_nav li h4{
			max-width: 200px;
			margin:20px auto;
			box-shadow: 0 6px 0 0 #000000, 0 7px 0 0 #555555;
		}
		#owl_ui .tipbox{
			padding:5px 10px;
		}
		#owl_ui .tipbox h4{
			font-size: 18px;
			line-height: 1.2em;
		}
		#radar_ui-1 .tips li:nth-child(1) .tipbox,
		#radar_ui-1 .tips li:nth-child(4) .tipbox{
			width: auto;
		}
	/* STUDIO */
		#vidlist_content .description{
			padding:30px 0;
		}
		#studio .sec_vidlist{
			padding:30px 0;
		}
		#owl_vidlist{
			margin-top: 0;
		}
		.hd-audioplayer {
			margin-top: 20px;
		}
		#studio .sec_station{
			padding:50px 0;
		}
	/* SUPREMEFX */
		#supreme .container{
			padding-bottom: 30px;
		}
		#supreme .group{
			margin-bottom: 10px;
		}
		#supreme .container .col50{
			display: block;
			width: 100%;
		}
		#supreme .box .content .col80,
		#supreme .box .content .col20{
			width: 100%;
			margin-left: 0;
		}
		#supreme .box h4.title{
			padding:10px 10px 10px 40px;
		}
		#supreme .cate_title:after{
			width:calc(100% - 180px);
		}
	}
	@media screen and (max-width: 400px){
		h1{
			display: block;
			width: 100%;
			text-align: center;
		}
		h4{
			font-size: 18px;
		}
		.sec_kv .w1200 img{
			display: block;
			width: 40%;
			padding-bottom: 30px;
		}
		#kv_play.btn-play{
			width: 150px;
			height: 150px;
		}
		#kv_play.btn-play:after{
			border-width: 20px 0 20px 20px;
		}
		.sec_intro{
			padding: 18% 0 48%;
		}
	/* FAQ */
		#sec_faq .container li{
			width: 100%;
			padding-top: 50%;
			padding-bottom: 50%;
		}
	/* RADAR */
		#owl_ui .owl-prev{
			margin-top: 115%;
		}
		#owl_ui .owl-next{
			margin-top: 115%;
		}
		#owl_ui .tipbox h4{
			font-size: 16px;
		}
		#radar_ui-1 .tips li:nth-child(1) .tipbox{
			top: 150%;
			left: 0;
		}
	}