@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,600');*/
@font-face {
    font-family: 'jerseym54';
    src: url("../css/font/Jersey_es_modified.eot");
    src: url("../css/font/Jersey_es_modified.eot?#iefix") format("embedded-opentype"),
    	 url("../css/font/Jersey_es_modified.ttf") format("truetype"),
    	 url("../css/font/Jersey_es_modified.svg#rogfont") format("svg");
    font-weight: normal;
    font-style: normal
}
/* ---------- RESET ---------- */
	html,
	body{
		margin: 0;
		padding: 0;
	}
	#hd * {
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style-type: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		word-break: break-word;
	}
	::selection {
		background: #bdb6ac;
		color: #ffffff;
	}
	::-moz-selection {
		background: #bdb6ac;
		color: #ffffff;
	}
	#hd{
		background: black;
		font-size: 16px;
	}
	#hd ul,
	#hd li{
		margin: 0;
		padding: 0;
	}
	#hd,
	#hd section{
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}
	#hd img{
		display: block;
		height: auto;
		border:none;
		max-width: 100% !important;
		margin:0 auto;
	}
/* ---------- TXT ---------- */
	#hd h2,
	#hd h3,
	#hd h4,
	#hd p,
	#hd a,
	#hd li {
		font-family: "Roboto","Helvetica Neue",Helvetica,Arial,"微軟正黑體","Microsoft JhengHei",sans-serif;
		margin: 0;
		line-height: normal;
		color: white;
	}
	#hd h2,
	#hd h3,
	#hd h5,
	#hd h6{
		font-family: "jerseym54", "Geneva", "Roboto", "Helvetica", "Arial", "Microsoft JhengHei", sans-serif;
		font-weight: 400;
	}
	#hd h2 {
		font-size: 85px;
		line-height: 85px;
		color: #c39f5f;
		margin-bottom: 30px;
		width: 100%;
		position: relative;
		text-align: center;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba8024+1,c39f5f+30,e7e0aa+70,b38335+96 */
		background: #ba8024; /* Old browsers */
		background: -moz-linear-gradient(top, #ba8024 0%, #af7d2b 30%, #e7e0aa 70%, #af7d2b 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ba8024 0%,#af7d2b 30%,#e7e0aa 70%,#af7d2b 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ba8024 0%,#af7d2b 30%,#e7e0aa 70%,#af7d2b 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8024', endColorstr='#af7d2b',GradientType=0 ); /* IE6-9 */ 
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	#overview #hd h2{
		color: #c39f5f;
	}
	@media all and (-ms-high-contrast:none) {
		#hd h2 {
			background: none;
		}
	}
	@supports (-ms-accelerator:true) {
		#hd h2 {
			background: none;
		}
	}
	#hd h2:before{
		content:'';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 0;
		left: 0;
		margin:auto 0;
		width: 100%;
		height: 34px;
		background: url(../img/title-left.png) right center no-repeat;
		background-size: 1920px;
	}
	#hd h2:after{
		content:'';
		display: block;
		position: absolute;
		top: 10px;
		bottom: 0;
		right: 0;
		margin:auto 0;
		width: 100%;
		height: 34px;
		background: url(../img/title-left.png) right center no-repeat;
		background-size: 1920px;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd h3 {
		font-size: 64px;
		line-height: 60px;
		color: #cbae80;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#hd h3 + h4{
		margin-top: -10px;
	}
	#hd h4 {
		font-family: 'Fjalla One', sans-serif;
		font-size: 30px;
		font-weight: 400;
		margin-bottom: 30px;
		text-transform: uppercase;
	}
	#hd h5{
		font-size: 48px;
		line-height: 1;
		color: #cbae80;
		margin-top: 30px;
		margin-bottom: 60px;
	}
	#hd h6 {
		font-size: 30px;
		color:#cbae80;
		text-align: center;
	}
	#hd p {
		font-size: 17px;
		letter-spacing: 0;
		font-weight: 300;
		line-height: 1.7rem;
		margin: 0;
		margin-bottom: 30px;
	}
	#hd small{
		font-size: 14px;
	}

	#hd span.txt-absent{
		font-family: "Arial", "Microsoft JhengHei", sans-serif;
		font-weight: 600;
	}
	#hd .align-center{
		text-align: center;
	}
	#hd .txt-darkgold{
		color:#bda080;
		font-weight: 400;
	}
	#hd .txt-lightgold{
		color:#c6a980;
		font-weight: 400;
	}
	#hd .txt-grey{
		color:#808080;
		font-weight: 400;
	}
	#hd .txt-italic{
		font-style: italic;
	}
	#hd .txt-smallTitle{
		font-size: 20px;
		font-weight: 600;
		margin:20px 0 10px;
	}
	#hd .txt-link{
		text-decoration: underline;
		display: block;
		margin-bottom: 30px;
	}

	#hd .align-left{
		text-align: left;
	}
/* ---------- BLOCK ---------- */
	#hd .w95{
		width: 94%;
		margin:0 auto;
	    position: relative;
	}
	#hd .w1100,
	#hd .w1200,
	#hd .w1300{
	    width: 90%;
	    max-width: 1200px;
	    margin: 0 auto;
	    position: relative;
	}
	#hd .w1100 {
	    max-width: 1100px;
	}
	#hd .w1300 {
	    max-width: 1300px;
	}
	#hd .w950{
		max-width: 950px;
		margin:0 auto;
	}
	#hd .w900{
		max-width: 900px;
		margin:0 auto;
	}
	#hd .col25,
	#hd .col40,
	#hd .col45,
	#hd .col50,
	#hd .col55,
	#hd .col60{
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col25{
		width: 25%;
	}
	#hd .col45{
		width: 45%;
	}
	#hd .col50{
		width: 50%;
	}
	#hd .col55{
		width: 55%;
	}
	#hd .col60{
		width: 60%;
	}
	#hd .col40{
		width: 40%;
	}

	#hd .fleft {
	    float: left;
	}
	#hd .fright {
	    float: right;
	}

	#hd .hd-rtl{
		direction: rtl;
	}
	#hd .hd_mobile-on,
	#hd .hd_1024-on{
		display: none;
	}
/* ---------- BLOCK-more ---------- */
	#hd .hd-more{
		height: 120px;
		background-image: url(../img/more.png);
		background-position: center center;
		background-size: 1200px;
		position: relative;
		cursor: pointer;
	}
	#hd .hd-more:before{
		content:'';
		display: block;
		position: absolute;
		width: 20px;
		height: 3px;
		background-color: #cbae80;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#hd .hd-more:after{
		content:'';
		display: block;
		position: absolute;
		width: 3px;
		height: 20px;
		background-color: #cbae80;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#hd .hd-more.active:before{
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	#hd .hd-more.active:after{
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	#hd .hd-more-content{
		max-height: 0;
		overflow: hidden;
		padding:0;
	}
	#hd .hd-more-content.active{
		max-height: 1000px;
	}
/* ---------- BLOCK-bg ---------- */
	#hd .hd-bg-dark{
		background: url(../img/bg-dark.png) right top no-repeat;
	}
	#hd .hd-bg-light{
		background: url(../img/bg-light.jpg) 0 0 no-repeat;
		background-size: 100%;
	}
	#hd .hd-bg-grey{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#141414+0,1e1e1e+100 */
		background: #141414; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #141414 0%, #1e1e1e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #141414 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #141414 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	#hd .hd-bg-reverse{
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd .hd-bg-reverse > div{
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
/* ---------- fp-nav ---------- */
	#fp-nav ul li.active{
		height: 30px;
		margin-bottom: 12px;
	}
	#fp-nav ul li a span,
	#fp-nav ul li:hover a span{
		width: 8px;
		height: 8px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
	}
	#fp-nav ul li.active a span,
	#fp-nav ul li.active:hover a span,
	#fp-nav ul li.active:hover a span{
		top: 0;
		left: 0;
		right: 0;
		height: 30px;
	    width: 8px;
	    margin: 0;
	    margin-bottom: 7px;
	    border-radius: 6px;
	    background-color: #af997f;
	}
	#fp-nav ul li:hover a span{
		background-color: #af997f;
	}
	#fp-nav ul li .fp-tooltip{
		color:#af997f;
	}
/* ---------- scrollUp ---------- */
	#hd #scrollUp {
		float: left;
		position: fixed;
		right: 10px;
		bottom: 50px;
		z-index: 17;
		width: 50px;
		height: 50px;
		cursor: pointer;
	    z-index: 999;
	    opacity: 0;
		border: 2px solid #af997f;
		background: rgba(0,0,0,0.8) url('../img/scrollUp.png') no-repeat center center;
	}
	#hd #scrollUp.hd-show {
	    opacity: 1;
	}
	#hd #scrollUp:hover,
	#hd #scrollUp:active{
		background-color: black;
		background-position: center 30%;
		border-color: #c29b6c;
		box-shadow: 0 0 10px #af997f;
	}
/* ---------- TRANSITION ---------- */
	#hd .hd_sec_nav li h6,
	#hd #scrollUp,
	#hd #hd_radarMenu li h4,
	#hd #hd_radarMenu li h4:before,
	#hd #hd_radarList .owl-prev,
	#hd #hd_radarList .owl-next,
	#hd .hd-more:before,
	#hd .hd-more:after,
	#hd #hd_appMenu li.active > div:after{
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	#hd .hd_sec_nav li div img{
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease;
	}
/* ---------- hd_sec_nav ---------- */
	#hd .hd_sec_nav ul{
		overflow:hidden;
	}
	#hd .hd_sec_nav li{
		float:left;
		width: 33.333%;
		padding-bottom: 100px;
		margin-bottom: -100px;
	}
	#hd .hd_sec_nav ul:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		clear:both;
	}
	#hd .hd_sec_nav li:nth-child(2) h6,
	#hd .hd_sec_nav li:nth-child(5) h6{
		border-left:0;
		border-right: 0;
	}
	#hd .hd_sec_nav li h6{
		padding:20px;
		background-color: #1e1e1e;
		border:3px solid #000000;
	}
	#hd .hd_sec_nav li:hover h6{
		color:#ffffff;
		border-color: #000000;
		background-color: #8c7f60;
	}
	#hd .hd_sec_nav li div{
		overflow: hidden;
	}
	#hd .hd_sec_nav li:hover div img{
		opacity: .5;
		-webkit-transform: scale(1.2);
		   -moz-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		     -o-transform: scale(1.2);
		        transform: scale(1.2);
	}
/* ---------- hd_sec_spec ---------- */
	#hd .hd_sec_spec{
		padding:120px 0;
		background: url(../img/bg-spec.jpg) center top no-repeat;
		background-size: contain;
	}
	#hd .hd_sec_spec .w1200{
		width: 95%;
	}

	#hd .hd_sec_spec ul{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#hd .hd_sec_spec ul li{
		position: absolute;
	}
	#hd .hd_sec_spec ul li p{
		letter-spacing: 0.5px;
		line-height: 1.25;
		margin-bottom: 15px;
		max-width: 310px;
	}
	#hd .hd_sec_spec ul li p span{
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: -25px;
		padding-left: 10px;
	}
	#hd .hd_sec_spec ul li:nth-child(-n + 5){
		left: 7%;
	}
		#hd .hd_sec_spec ul li:nth-child(1){
			top: 8%;
		}
		#hd .hd_sec_spec ul li:nth-child(2){
			top: 22%;
		}
		#hd .hd_sec_spec ul li:nth-child(3){
			top: 46%;
		}
		#hd .hd_sec_spec ul li:nth-child(4){
			top: 58.5%;
		}
		#hd .hd_sec_spec ul li:nth-child(5){
			top: 80.5%;
		}
	#hd .hd_sec_spec ul li:nth-child(n + 6){
		left: 79.5%;
	}
		#hd .hd_sec_spec ul li:nth-child(6){
			top: 14%;
		}
		#hd .hd_sec_spec ul li:nth-child(7){
			top: 21%;
		}
		#hd .hd_sec_spec ul li:nth-child(8){
			top: 32%;
		}
		#hd .hd_sec_spec ul li:nth-child(9){
			top: 39.5%;
		}
		#hd .hd_sec_spec ul li:nth-child(10){
			top: 53%;
		}
		#hd .hd_sec_spec ul li:nth-child(11){
			top: 59%;
		}
		#hd .hd_sec_spec ul li:nth-child(12){
			top: 71%;
		}
		#hd .hd_sec_spec ul li:nth-child(13){
			top: 79.5%;
		}
/* ---------- hd_kv ---------- */
	#hd #hd_kv{
		padding:50px 0 0;
		position: relative;
	}
	#hd #hd_kv img.hd-kvbg{
		position: absolute;
		/*top: 10%;*/
		bottom: 0;
		left: 0;
		right: 0;
		margin:0 auto;
		z-index: -2;
	}
	#hd #hd_kv img.hd-kvproduct{
		position: absolute;
		top: 10%;
		right: 0;
		perspective: 800px;
		z-index: -1;
		max-width: 40% !important;
	}
	#hd #hd_kv .col55{
		padding-top: 6%;
		padding-bottom: 27%;
		text-align: left;
	}
	#hd #hd_kv .col55 p{
		padding-right: 12%;
	}
/* ---------- hd_cooling ---------- */
	#hd #hd_cooling{
		position: relative;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,000000+100 */
		background: #1e1e1e; /* Old browsers */
		background: -moz-linear-gradient(top, #1e1e1e, #000000); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1e1e1e,#000000); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1e1e1e,#000000); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	#hd #hd_cooling span.hd-pos{
		display: block;
		background-color: #000000;
		height: 100px;
	}
	#hd #hd_cooling h2{
		margin-top: -50px;
	}
/* ---------- hd_sec_radar ---------- */
	#hd .hd_sec_radar{
		padding:10px 0 130px;
	}
	#hd .hd_sec_radar .hd_container{
		margin-top: 80px;
	}
	#hd #hd_radarMenu{
		margin-bottom: 50px;
	}
	#hd #hd_radarMenu li{
		display: inline-block;
		vertical-align: top;
		width: 16%;
		padding:5px;
	}
	#hd #hd_radarMenu li h4{
		font-size: 20px;
		color:#a48a74;
		height: 80px;
		padding:25px 0;
		margin-bottom: 0;
		position: relative;
		cursor: pointer;
	}
	#hd #hd_radarMenu li h4:before{
		content:'';
		display: block;
		position: absolute;
		width: 120%;
		height: 100%;
		top: 0;
		left: -10%;
		right: 0;
		margin:0 auto;
		z-index: -1;
		background-image: url(../img/radarUI/title-block-center.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#hd #hd_radarMenu li:first-child h4:before,
	#hd #hd_radarMenu li:last-child h4:before{
		background-image: url(../img/radarUI/title-block-end.png);
	}
	#hd #hd_radarMenu li:last-child h4: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);
	}
	#hd #hd_radarMenu li:nth-child(3) h4:before,
	#hd #hd_radarMenu li:nth-child(5) h4:before{
		left: -11%;
		-webkit-transform: scale(-1,-1);
		   -moz-transform: scale(-1,-1);
		    -ms-transform: scale(-1,-1);
		     -o-transform: scale(-1,-1);
		        transform: scale(-1,-1);
	}
	#hd #hd_radarMenu li h4:hover,
	#hd #hd_radarMenu li.active h4{
		color:#ffffff;
	}
	#hd #hd_radarMenu li h4:hover:before,
	#hd #hd_radarMenu li.active h4:before{
		background-image: url(../img/radarUI/title-block-center-h.png)
	}
	#hd #hd_radarMenu li:first-child h4:hover:before,
	#hd #hd_radarMenu li:last-child h4:hover:before,
	#hd #hd_radarMenu li:first-child.active h4:before,
	#hd #hd_radarMenu li:last-child.active h4:before{
		background-image: url(../img/radarUI/title-block-end-h.png);
	}
	
	#hd #hd_radarList{
		width: 90%;
		margin:0 auto;
	}
	#hd #hd_radarList .item{		
		display:table;
		width:100%;
	}
	#hd #hd_radarList img,
	#hd #hd_radarList p{
		display:table-cell;
		vertical-align:top;
	}
	#hd #hd_radarList img{
		width: 100%;
		padding:0 2%;
	}
	#hd #hd_radarList p{
		width: 40%;
		background: #211c17;
		border:2px solid #82714b;
		border-radius: 10px;
		padding:30px 25px;
		text-align: left;
		position: relative;
		margin-bottom: 0;
	}
	#hd #hd_radarList .item:after{
		content:'';
		display: block;
		width: 0;
		height: 0;
		clear:both;
	}
	#hd #hd_radarList{
		position: relative;
	}
	#hd #hd_radarList .owl-prev,
	#hd #hd_radarList .owl-next{
		width: 95px;
		height: 190px;
		background: url(../img/radarUI/radarList_nav.png) 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		top: 30%;
		opacity: .8;
	}
	#hd #hd_radarList .owl-prev:hover,
	#hd #hd_radarList .owl-next:hover{
		opacity: 1;
	}
	#hd #hd_radarList .owl-prev{
		left: -10%;
		-webkit-transform: scaleX(-1);
		   -moz-transform: scaleX(-1);
		    -ms-transform: scaleX(-1);
		     -o-transform: scaleX(-1);
		        transform: scaleX(-1);
	}
	#hd #hd_radarList .owl-next{
		right: -10%;
	}
/* ---------- hd_reliability ---------- */
	#hd #hd_reliability{
		padding:0 0 50px;
	}
	#hd #hd_reliability span.hd-pos{
		display: block;
		background-color: #000000;
		height: 100px;
	}
	#hd #hd_reliability h2{
		margin-top: -55px;
		margin-bottom: 70px;
	}
	#hd #hd_reliability .w1200 > p{
		margin-bottom: 70px;
	}
	#hd #hd_reliability .col50,
	#hd #hd_reliability .col40,
	#hd #hd_reliability .col60{
		padding:50px 0;
	}
	#hd #hd_reliability .col50:last-child{
		padding:0 2% 0 5%;
	}
/* ---------- hd_freeze ---------- */
	/*#hd #hd_freeze > span{
		width: 100%;
		height: 90px;
		background-color: #000000;
		position: relative;
	}*/
	#hd #hd_freeze > div{
		min-height: 90vh;
		padding:50px 0;
	}

	#hd #hd_freeze #hd_sec_safeslot{
		padding: 150px 0 100px;
	}
	#hd #hd_freezePic{
		position: absolute;
		/*top: -60px;*/
		top: 60px;
		left:52%;
		width: 630px;
	}
	#hd #hd_freezePic.freezed{
		position: fixed;
		top: 60px;
		left:51.25%;
	}
	#hd #hd_freezeDescript{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	#hd #hd_freezeDescript li{
		position: absolute;
		top: 0;
		right: 0;
		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;
	}
	#hd #hd_freezeDescript li.on{
		opacity: 1;
		-webkit-animation: showFromBottom .4s ease forwards;
		-o-animation: showFromBottom .4s ease forwards;
		animation: showFromBottom .4s ease forwards;
	}

	/*#hd #hd-safeslot{
		opacity: 0;
	}
	#hd .freezed #hd-safeslot{
		opacity: 1;
	}*/
/* ---------- hd_sec_warranty ---------- */
	#hd .hd_sec_warranty{
		padding:60px 0;
	}
	#hd .hd_sec_warranty .col60{
		padding-left: 5%;
		margin-right: -5%;
	}
/* ---------- hd_performance ---------- */
	#hd #hd_performance{
		padding:0 0 50px;
		text-align: center;
	}
	#hd #hd_performance span.hd-pos{
		display: block;
		background-color: #000000;
		height: 150px;
	}
	#hd #hd_performance h2{
		margin-top: -50px;
		margin-bottom: 4%;
	}
	#hd #hd_performance .col50{
		max-width: 480px;
	}
	#hd #hd_performance .col50 img{
		margin:100px auto 50px;
	}

	#hd #hd_performance .hd-more-content{
		position: relative;
	}
	#hd #hd_performance .hd-more-content.active{
		padding:50px 0;
	}
	#hd #hd_performance .hd_container{
		text-align: left;
		width: 400px;
		height: 100px;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		font-weight: 300;
	}
/* ---------- hd_sec_ttopology ---------- */
	#hd .hd_sec_ttopology{
		padding:50px 0;
	}
	#hd .hd_sec_ttopology img{
		margin-top: 50px;
	}
/* ---------- hd_sec_dual ---------- */
	#hd .hd_sec_dual{
		padding:50px 0;
	}
	#hd .hd_sec_dual .col60{
		padding-left: 5.5%;
		padding-right: 3.5%;
	}
	#hd .hd_sec_dual .col50{
		margin-left: calc(-10% - 5px);
	}
	#hd .hd_sec_connect{
		padding-bottom: 90px;
	}
/* ---------- hd_connect ---------- */
	#hd #hd_connect{
		padding:0;
	}
	#hd #hd_connect span.hd-pos{
		display: block;
		background-color: #000000;
		height: 100px;
	}
	#hd #hd_connect h2{
		margin-top: -98px;
		margin-bottom: 5%;
	}
	#hd #hd_connect .col50,
	#hd .hd_sec_connect .col50{
		padding: 40px 5.5% 0;
		vertical-align: top;
	}
	#hd #hd_connect .col50 img,
	#hd .hd_sec_connect .col50 img{
		width: 100%;
		margin-bottom: 40px;
	}
	#hd h5 + h4{
		margin-top: -40px;
	}
/* ---------- hd_sec_audio ---------- */
	#hd .hd_sec_audio{
		padding:90px 0;
	}
	#hd .hd_sec_audio .hd_descript{
		margin-bottom: 50px;
	}
	#hd .hd_sec_audio .hd_descript img{
		display: inline-block;
		vertical-align: middle;
		width: 85px;
	}
	#hd .hd_sec_audio .hd_descript p{
		display: inline-block;
		vertical-align: middle;
		width:calc(100% - 90px);
		margin-left: -5px;
		padding-left: 20px;
		margin-bottom: 0;
	}
	#hd .hd_sec_audio .hd_audioList{
		text-align: left;
	}
	#hd .hd_sec_audio .hd_audioList li{
		display: inline-block;
		vertical-align: top;
		width: 33.3333%;
		margin-left: -5px;
		padding:20px 10px 20px 20px;
		position: relative;
	}
	#hd .hd_sec_audio .hd_audioList li:before{
		content:'';
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url(../img/deco-audio.png) 0 0 no-repeat;
		background-size: auto 100%;
	}
	#hd .hd_sec_audio .hd_audioList li h4{
		min-height: 2em;
	}
	#hd .hd_sec_audio .hd_audioList li img{
		display: inline-block;
		vertical-align: middle;
		padding-left: 10px;
	}
/* ---------- hd_aura ---------- */
	#hd #hd_aura{
		padding:150px 0;
		position: relative;
	}
	#hd #hd_aura h2:before,
	#hd #hd_aura h2:after{
		background-size: 2100px;
	}
	#hd #hd_aura h2{
		margin-bottom: 100px;
	}
	#hd #hd_aura h3 span{
		display: inline-block;
		vertical-align: middle;
	}
	#hd #hd_aura > .w1200{
		padding-bottom: 18%;
	}
	#hd #hd_aura .hd_container{
		width: 60%;
		max-width: 695px;
	}
	#hd #hd_aura > img{
		position: absolute;
		bottom: 70px;
		left: 0;
		right: 0;
		margin:0 auto;
		width: 100%;
		max-width: none !important;
		z-index: -1;
	}
	#hd #hd_aura .hd_aura_bg{
		z-index: -2;
		-webkit-animation: colorrun 3s ease infinite;
		-o-animation: colorrun 3s ease infinite;
		animation: colorrun 3s ease infinite;
	}
/* ---------- hd_sec_intel ---------- */
	#hd .hd_sec_intel{
		padding:30px 0 150px;
		max-width: 1050px;
	}
	#hd .hd_sec_intel h3{
		margin-bottom: 50px;
	}
	#hd .hd_sec_intel > div{
		padding-top:5%;
	}
	#hd .hd_sec_intel .hd_pic,
	#hd .hd_sec_intel .hd_content{
		display: inline-block;
		vertical-align: top;
	}
	#hd .hd_sec_intel .hd_pic{
		width: 90px;
	}
	#hd .hd_sec_intel .hd_content{
		width: calc(100% - 90px);
		margin-left: -6px;
		padding-left: 30px;
	}
/* ---------- ANIMATIONS ---------- */
	@keyframes showFromBottom{
		from{
			   -moz-transform: scale(1.2) translateY(30px);
			    -ms-transform: scale(1.2) translateY(30px);
			     -o-transform: scale(1.2) translateY(30px);
			        transform: scale(1.2) translateY(30px);
		}
		to  {
			   -moz-transform: scale(1) translateY(0px);
			    -ms-transform: scale(1) translateY(0px);
			     -o-transform: scale(1) translateY(0px);
			        transform: scale(1) translateY(0px);
		}
	}
	@-webkit-keyframes showFromBottom{
		from{
			-webkit-transform: scale(1.2) translateY(30px);
		}
		to  {
			-webkit-transform: scale(1) translateY(0px);
		}
	}
	@keyframes colorrun{
		from{
			filter:hue-rotate(0deg);
		}
		to  {
			filter:hue-rotate(359deg);
		}
	}
	@-webkit-keyframes colorrun{
		from{
			-webkit-filter:hue-rotate(0deg);
		}
		to  {
			-webkit-filter:hue-rotate(359deg);
		}
	}
/* ---------- RWD ---------- */
	@media screen and (min-width: 1921px) {
		#hd h2:before,
		#hd h2:after{
			background-position: left center;
		}
		#hd #hd_aura h2:before, #hd #hd_aura h2:after{
			background-size: 1500px;
		}
	}
	@media screen and (max-width: 1440px){
		#hd h2:before,
		#hd h2:after{
			background-size: 1550px;
		}
		#hd #hd_aura h2:before,
		#hd #hd_aura h2:after{
			background-size: 1700px;
		}

		#hd #hd_kv img.hd-kvproduct{
			top: 0;
			max-width: 50% !important;
		}
		#hd #hd_kv img.hd-kvbg{
			bottom: -10%;
		}
		#hd #hd_kv .col55{
			padding-top: 15%;
			padding-bottom: 12%;
		}

		#hd .hd_sec_detective{
			padding:30px 0;
		}

		#hd #hd_reliability .w1200 > p{
			margin-bottom: 20px;
		}
			
		#hd #hd_freeze #hd_sec_safeslot{
			padding-top: 100px;
		}
		#hd #hd_freezePic{
			width: 505px;
		}

		#hd #hd_radarMenu li h4{
			padding:28px 0;
		}

		#hd #hd_connect .col50,
		#hd .hd_sec_connect .col50{
			padding: 20px 5.5% 0;
		}

		#hd .hd_sec_radar .hd_container{
			margin-top: 30px;
		}

		#hd #hd_aura > img{
			width: 120%;
			margin-left: -10%;
		}
	}
	@media screen and (max-width: 1280px){
		#hd h2:before,
		#hd h2:after{
			background-size: 1400px;
		}
		#hd #hd_connect h2:before,
		#hd #hd_connect h2:after{
			background-size: 1450px;
		}
		#hd #hd_aura h2:before,
		#hd #hd_aura h2:after{
			background-size: 1600px;
		}
		
		#hd #hd_kv img.hd-kvproduct{
			max-width: 40% !important;
			top:auto;
			bottom: 7%;
		}
		#hd #hd_kv .col55{
			padding-top: 1%;
			padding-bottom: 11%;
		}
		
		#hd .hd_sec_spec{
			padding-bottom:30px;
		}
		#hd .hd_sec_spec p{
			font-size: 14px;
		}
		#hd .hd_sec_spec ul li:nth-child(-n + 8){
			left: 0;
		}
		#hd .hd_sec_spec ul li:nth-child(n + 9){
			left: 86%;
		}

		#hd #hd_cooling .col40{
			width: 55%;
			margin-right:-5%;
		}
		#hd #hd_cooling .col60{
			margin-right: -10%;
			margin-top: -5%;
		}

		#hd #hd_connect .col50, #hd .hd_sec_connect .col50{
			padding: 10px 3%;
		}

		#hd .hd_sec_detective .hd_phone:after{
			right: -15%;
		}
	}
	@media screen and (max-width: 1024px) {
		#hd h2{
			font-size: 74px;
		}
		#hd h2:before,
		#hd h2:after{
			background-size: 1240px;
		}
		#hd #hd_connect h2:before,
		#hd #hd_connect h2:after{
			background-size: 1280px;
		}

		#hd h6{
			font-size: 24px;
		}
		#hd .hd_sec_nav li h6{
			padding:10px 20px;
		}
		
		#hd #hd_kv{
			padding-bottom: 0;
		}
		#hd #hd_kv .col55{
			padding-top: 0;
			padding-bottom: 10%;
		}
		#hd #hd_kv img.hd-kvbg {
			bottom: -3%;
		}

		#hd .hd_sec_ice .col60{
			width: 80%;
			margin-left: -20%;
			margin-top: -10%;
			margin-bottom: -10%;
		}
		
		#hd .hd_sec_radar{
			padding-bottom: 0;
		}

		#hd #hd_performance{
			padding-bottom: 0;
		}

		#hd .hd_sec_uefibios p{
			margin-bottom: 50px;
		}
		
		#hd #hd_radarMenu{
			max-width:700px;
			margin:-20px auto 40px;
		}
		#hd #hd_radarMenu li{
			width: 30%;
			padding:5px 2px;
		}

		#hd #hd_radarList .owl-prev, #hd #hd_radarList .owl-next{
			width: 70px;
			height: 141px;
		}
		#hd #hd_appMenu li p{
			font-size: 12px;
		}

		#hd #hd_connect .col50 h5,
		#hd .hd_sec_dual h5,
		#hd .hd_sec_connect .col50 h5{
			margin-bottom: 15px;
		}
		#hd h5 + h4{
			margin-top: -5px;
		}

		#hd .hd_sec_dual{
			background-image: none;
		}		
		#hd .hd_sec_connect{
			padding-bottom: 30px;
		}

		#hd #hd_reliability h2,
		#hd #hd_reliability .w1200 > p{
			margin-bottom: 30px;
		}

		#hd .hd_sec_vgaholder{
			padding-bottom: 30%;
		}

		#hd #hd_freeze #hd_sec_safeslot{
			padding:100px 0 50px;
		}
		#hd #hd_aura{
			padding:50px 0;
		}
		#hd #hd_aura h2{
			margin-bottom: 0;
		}

		#hd #hd_aura > img{
			width: 130%;
			margin-left: -15%;
		}
		#hd #hd_aura > .w1200{
			padding-bottom: 30%;
		}

		#hd .hd_sec_audio{
			padding: 30px 0;
		}
		#hd .hd_sec_intel{
			padding: 0 0 50px;
		}
		#hd .hd_sec_intel > div{
			padding-top: 0;
		}
	}
	@media screen and (max-width: 1023px) {
		#hd .hd_1024-on{
			display: block;
		}
		#hd .hd_1024-off{
			display: none;
		}
		#hd .hd_sec_spec ul{
			position: relative;
			margin-top: 30px;
			counter-reset:li;
		}
		#hd .hd_sec_spec ul li:nth-child(n){
			position: relative;
			top: 0;
			left: 0;
			display: inline-block;
			width: 33%;
			vertical-align: top;
			padding-left: 35px;
			margin-bottom: 5px;
		}
		#hd .hd_sec_spec ul li:nth-child(n):before{
			content:counter(li);
			counter-increment:li;
			margin-right: 10px;
			display: block;
			width: 25px;
			height: 25px;
			padding:2px 0;
			box-sizing: border-box;
			position: absolute;
			top: -3px;
			left: 0;
			text-align: center;
			background: #1e1e1e;
			border:1px solid #c6a980;
			border-radius: 15px;
		}
		#hd .hd_sec_spec ul li p + img{
			display: inline-block;
		}
		#hd .hd_sec_spec ul li p span{
			margin-bottom: -15px;
		}

		#hd .hd_sec_detective .hd_phone:after{
			right: -25%;
		}
	}
	@media screen and (max-width: 768px) {
		#hd h2 {
			font-size: 60px;
			line-height: 1;
			margin-bottom: 0px;
		}
		#hd h2:before,
		#hd h2:after{
			background-size: 900px;
		}
		#hd #hd_connect h2:before,
		#hd #hd_connect h2:after{
			background-size: 1000px;
		}
		#hd h3{
			font-size: 38px;
			line-height: 1;
		}
		#hd h4{
			font-size: 24px;
			line-height: 1;
		}
		#hd h5{
			font-size: 32px;
		}
		#hd .hd_mobile-off{
			display: none;
		}
		#hd .hd_mobile-on{
			display: block;
		}

		#hd #hd_kv .col55{
			width: 100%;
			margin-left: 0;
			padding-top: 0;
		}
		#hd #hd_kv .col55 p{
			padding-right: 0;
		}
		#hd #hd_kv img.hd-kvbg{
			position: absolute;
			top: auto;
			left: 0;
			right: 0;
			bottom: -3%;
			width: 170%;
			max-width: none !important;
			margin-left: -70%;
		}
		#hd #hd_kv img.hd-kvproduct{
			position: relative;
			top: 0;
			right: 0;
			max-width: 90% !important;
			margin-top: -19%;
			padding-bottom: 10%;
		}

		#hd .hd_sec_spec ul li:nth-child(n){
			width: 45%;
			margin-left: 5%;
			margin-right: -5px;
		}

		#hd #hd_cooling h2,
		#hd #hd_performance h2,
		#hd #hd_reliability h2{
			margin-top: -37px;
		}

		#hd #hd_performance .col50 img{
			margin:50px 0 20px;
		}
		#hd #hd_performance .hd-more-content.active{
			padding:10px 0 0;
		}
		
		#hd #hd_appMenu{
			margin-top: 20px;
		}

		#hd #hd_connect h2{
			margin-top: -69px;
		}

		#hd #hd_reliability .w1200 > p{
			margin-bottom: 50px;
		}

		#hd .hd_sec_vgaholder .col50{
			display: block;
			width: 100%;
			margin-left: 0;
		}
		
		#hd #hd_aura{
			padding-bottom: 0;
		}
		#hd #hd_aura > .w1200{
			padding-bottom: 20px;
		}
		#hd #hd_aura .hd_container{
			width: 100%;
		}
		#hd #hd_aura .hd_aura_bg{
			position: relative;
		}

		#hd .hd_sec_audio .hd_audioList li h4{
			margin-bottom: 15px;
		}
	}
	@media screen and (max-width: 767px){
		#hd .hd_sec_nav li{
			width: 50%;
		}
		#hd .hd_sec_nav li:nth-child(n) h6{
			border:3px solid #000000;
		}
		#hd .hd_sec_nav li:nth-child(even) h6{
			border-left:0;
		}

		#hd #hd_cooling .col40 h4:nth-child(2){
			white-space: normal;
		}

		#hd #hd_cooling .col40,
		#hd #hd_cooling .col60,
		#hd .hd_sec_ice .col45,
		#hd .hd_sec_ice .col60,
		#hd #hd_radarList img,
		#hd #hd_radarList p,
		#hd .hd_sec_detective .w1200 > div,
		#hd .hd_sec_dual .col60,
		#hd .hd_sec_dual .col50,
		#hd #hd_reliability .col50,
		#hd #hd_freeze .col40,
		#hd #hd_sec_defenders .col40,
		#hd #hd_sec_defenders .col60,
		#hd .hd_sec_warranty .col45,
		#hd .hd_sec_warranty .col60{
			display: block;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}

		#hd .hd_sec_ice .col60{
			margin-top: -15%;
			margin-bottom: -20%;
			z-index: -1;
			position: relative;
		}

		#hd #hd_radarList p{
			margin-top: 20px;
		}

		#hd #hd_performance .hd_container{
			position: relative;
			top: 0;
			left: 0;
		}

		#hd .hd_sec_detective .hd_phone{
			padding-top: 70px;
		}
		#hd #hd-phoneFrame{
			top: 70px;
		}
		#hd .hd_sec_detective .hd_phone:after{
			top: -5%;
			left: 0;
			right: 0;
			bottom:auto;
			margin:0 auto;
			-webkit-transform: rotate(270deg);
			   -moz-transform: rotate(270deg);
			    -ms-transform: rotate(270deg);
			     -o-transform: rotate(270deg);
			        transform: rotate(270deg);
		}
		
		#hd #hd_reliability .col50{
			padding:0;
		}
		#hd .hd_sec_vgaholder{
			padding-bottom: 30px;
		}
		#hd #hd_sec_defenders{
			padding-top: 30px;
		}
		#hd #hd_sec_defenders .col60{
			margin:0 auto;
			max-width: 80%;
		}
		
		#hd #hd_freeze > div{
			min-height: 0;
		}
		#hd #hd_freeze{
			padding-bottom: 50px;
		}
		#hd #hd_freezePic{
			display: none;
		}
		#hd #hd_freeze #hd_sec_safeslot,
		#hd #hd_freeze > div{
			padding:20px 0 0;
		}

		#hd #hd_performance span.hd-pos{
			height: 70px;
		}

		#hd .hd_sec_audio .hd_audioList li{
			width: 50%;
		}
	}
	@media screen and (max-width: 480px) {
		#fp-nav.right{
			right: 5px;
		}
		#hd #scrollUp{
			bottom: 10px;
		}
		#hd .hd_sec_nav li{
			width: 100%;
		}
		#hd .hd_sec_nav li:nth-child(n) h6{
			border:3px solid #000000;
		}

		#hd .hd_sec_spec ul li:nth-child(n),
		#hd #hd_performance .col50,
		#hd #hd_connect .col50,
		#hd .hd_sec_connect .col50,
		#hd #hd_reliability .col60,
		#hd #hd_reliability .col45,
		#hd .hd_sec_intel .hd_pic,
		#hd .hd_sec_intel .hd_content,
		#hd .hd_sec_audio .hd_audioList li{
			display: block;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}

		#hd .hd_sec_spec ul li:nth-child(n){
			margin-left: 10px;
		}

		#hd #hd_radarMenu li{
			width: 48%;
		}
		#hd #hd_radarMenu li h4{
			height: 60px;
			padding:20px 0;
			font-size: 18px;
		}
		#hd #hd_radarMenu li:nth-child(odd) h4:before,
		#hd #hd_radarMenu li:nth-child(even) h4:before{
			background-image: url(../img/radarUI/title-block-end.png);
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd #hd_radarMenu li:nth-child(even) h4: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);
		}
		#hd #hd_radarMenu li:nth-child(odd) h4:hover:before,
		#hd #hd_radarMenu li:nth-child(even) h4:hover:before,
		#hd #hd_radarMenu li:nth-child(odd).active h4:before,
		#hd #hd_radarMenu li:nth-child(even).active h4:before{
			background-image: url(../img/radarUI/title-block-end-h.png);
		}
		#hd #hd_radarList p{
			padding:10px 15px;
		}
		
		#hd #hd_performance .col50 img{
			margin:20px 0 0;
		}

		#hd #hd_connect .col50 img, #hd .hd_sec_connect .col50 img{
			margin-bottom: 15px;
		}

		#hd #hd_reliability .col60{
			padding:0;
		}

		#hd .hd_sec_audio .hd_audioList li:before{
			transform-origin: 10% 100%;
			-webkit-transform: rotate(90deg);
			   -moz-transform: rotate(90deg);
			    -ms-transform: rotate(90deg);
			     -o-transform: rotate(90deg);
			        transform: rotate(90deg);
		}
		#hd .hd_sec_audio .hd_audioList li h4{
			min-height: 0;
		}
		#hd .hd_sec_audio .hd_audioList li p{
			margin-bottom: 0;
		}
		#hd .hd_sec_audio .hd_descript img{
			display: block;
		}
		#hd .hd_sec_audio .hd_descript p{
			display: block;
			width: 100%;
			margin-left: 0;
			padding-left: 0;
		}

		#hd .hd_sec_intel .hd_content{
			margin-top: 20px;
			padding-left: 0;
		}
	}