@charset 'utf-8';
@font-face {
	font-family: 'MyriadPro';
	src: url(../fonts/MyriadPro-Regular.otf) format("opentype"),
		 url(../fonts/MyriadPro-Regular.ttf) format("truetype"),
		 url(../fonts/MyriadPro-Regular.woff) format("woff");
	font-weight: normal;
}
@font-face {
	font-family: 'MyriadPro';
	src: url(../fonts/MyriadPro-Light.otf) format("opentype"),
		 url(../fonts/MyriadPro-Light.ttf) format("truetype"),
		 url(../fonts/MyriadPro-Light.woff) format("woff");
	font-weight: 300;
}
/* ---------- RESET ------------- */
	html,
	body{
		margin: 0;
		background-color: #000;
	}
	#hd{
		background: black;
		color: #FFF;
		font-size: 16px !important;
		font-family: "MyriadPro", sans-serif;
	}
	#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;
	}
	#hd ::selection {
		background: #ffe1ab;
		color: #ffffff;
	}
	#hd ::-moz-selection {
		background: #ffe1ab;
		color: #ffffff;
	}
	#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;
	}
	#hd img.lazyLoad{
		opacity: 0;
		transition: opacity .3s ease-in;
	}
	#hd figure{
		user-select: none;
		-webkit-user-select: none;
	}
/* ---------- TXT --------------- */
	#hd h2,
	#hd h3,
	#hd h4,
	#hd h5,
	#hd p,
	#hd a,
	#hd li {
		font-family: "MyriadPro", sans-serif;
		margin: 0;
		line-height: 1.5;
		color: white;
	}
	#hd h2 {
		font-size: 3.25em;
		line-height: 1.125;
		font-weight: 300;
		color: #ffffff !important;
		margin-bottom: 30px;
	}
	#hd h3 {
		font-size: 2.125em;
		font-weight: normal;
		color: #ffffff;
		margin: 0 0 20px;
	}
	#hd h4 {
		font-size: 2em;
		letter-spacing: 1px;
		font-weight: 300;
		line-height: 1.125;
		text-align: center;
	}
	#hd h5 {
		font-size: 1.25em;
		font-weight: 400;
		line-height: 1.5;
	}
	#hd p {
		font-size: 18px;
		line-height: 1.5;
		font-weight: 300;
		letter-spacing: 1px;
		margin: 0;
	}
	#hd a{font-size: 16px;}
	#hd b{font-weight: bold;}
	#hd .txt-golden{
		display: inline-block;
		color:#f2c673 !important;
		background: #f2c673;
		background: -webkit-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: -o-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: -moz-linear-gradient(left, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background: linear-gradient(to right, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd .txt-golden{
	    background: transparent !important;
	}
	#hd .txt-highlight{
		font-weight: bold;
		font-style: italic;
		background: -webkit-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: -o-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: -moz-linear-gradient(left, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		background: linear-gradient(to right, #e1a93a, #ffe1ab, #895800, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	#hd .txt-center{text-align: center; }
	#hd .txt-left{text-align: left; }
	#hd .txt-gold{color:#b4965a;}
	#hd .txt-red{color:#c60012; }
	#hd .txt-blue{color:#31b3f4;}
	#hd .txt-grey{color:#808080; }
	#hd .txt-bold{font-weight: bold;}
	#hd .txt-italic{font-style: italic; }

	#hd a.txt-blue.txt-bold:hover{opacity: .8; }
/* ---------- BTN --------------- */
	#hd .btn-golden{
		min-width: 350px;
		display: inline-block;
		padding:10px 20px;
		position: relative;
	}
	#hd .btn-golden:before{
		content:'';
		display: block;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		background: #f2c673;
		background-image: -webkit-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -o-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -moz-linear-gradient(top, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: linear-gradient(to bottom, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-size: auto 150%;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		z-index: -1;
	}
	#hd .btn-golden:after{
		content:'';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #000000;
		z-index: 0;
	}
	#hd .btn-golden p{
		display:block;
		font-size: 1.5em;
		font-style: italic;
		letter-spacing: 0;
		color:#f2c673 !important;
		background: #f2c673;
		background-image: -webkit-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -o-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: -moz-linear-gradient(top, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		background-image: linear-gradient(to bottom, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
		background-size: auto 150%;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		font-weight: bold;
		position: relative;
		z-index: 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;
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd .btn-golden p{
	    background: transparent !important;
	}
	#hd .btn-golden:hover p,
	#hd .btn-golden:hover:before{
		background-position: 0 50%;
	}
/* ---------- BLOCK ------------- */
	#hd .w95{
		width: 94%;
		margin:0 auto;
	    position: relative;
	}
	#hd .w1000,
	#hd .w1200,
	#hd .w1300{
	    width: 80%;
	    max-width: 1200px;
	    margin: 0 auto;
	    position: relative;
	}
	#hd .w1000 {max-width: 1000px; }
	#hd .w1300 {max-width: 1300px; }
	#hd .col25,
	#hd .col30,
	#hd .col33,
	#hd .col40,
	#hd .col50,
	#hd .col55,
	#hd .col60,
	#hd .col70,
	#hd .col75{
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col25{width: 25%; }
	#hd .col30{width: 30%; }
	#hd .col33{width: 33.3333%; }
	#hd .col40{width: 40%; }
	#hd .col50{width: 50%; }
	#hd .col55{width: 55%; }
	#hd .col60{width: 60%; }
	#hd .col70{width: 70%; }
	#hd .col75{width: 75%; }

	#hd .hd-cf:after {
		content:'';
		display: block;
		clear:both;
	}
	#hd .fleft {float: left; }
	#hd .fright {float: right; }

	#hd .hd-rtl{direction: rtl; }
	#hd .mobile-on,
	#hd .hd-1024-on{display: none; }

	#hd .scroll-padding{
		padding-top: 70px;
		margin-top: -70px;
		/*z-index: -1;*/
	}
/* ---------- sec_hidden -------- */
	#hd .hd-more{cursor: pointer; }
	#hd .hd-sec-hidden {display: none;}
	#hd .hd-sec-hidden.hd-active{
		display: block;
		-webkit-animation: fadeInFromBottom .8s cubic-bezier(.5,.38,.22,.98) forwards;
		-o-animation: fadeInFromBottom .8s cubic-bezier(.5,.38,.22,.98) forwards;
		animation: fadeInFromBottom .8s cubic-bezier(.5,.38,.22,.98) forwards;
	}
/* ---------- SCROLLUP ---------- */
	#hd #scrollUp {
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 44px;
		height: 44px;
		cursor: pointer;
	    opacity: 0;
		border: 2px solid #ffe1ab;
		background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAGFBMVEUAAAD/oS3/oS3/oS3/oS3/oS3/oS3/oS0oC3AAAAAAB3RSTlMAW06Iang+n8TKMwAAAG9JREFUGNM9z6sSgCAQheHjNdusJq3O+AI2q81HICsw5/WFhd0/wDcEWCAdsDru5ode2ZO8q+fkWNgwd4o3cchsWZqSXfULjNQWOPMH2VZZUU6cecKofusjqDe3xUFfh07SZEebFrztF/DQLuzm4QfQiDe83rblowAAAABJRU5ErkJggg==') no-repeat 50% 50%;
		-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 #scrollUp.hd-show {opacity: .7; }
	#hd #scrollUp:hover,
	#hd #scrollUp:active{opacity: 1; }
/* ---------- ANIMATIONS -------- */
	@-webkit-keyframes fadeInFromBottom{
		from{
			opacity: 0;
			-webkit-transform: translateY(8%);
		}
		to  {
			opacity: 1;
			-webkit-transform: translateY(0);
		}
	}
	@keyframes fadeInFromBottom{
		from{
			opacity: 0;
			   -moz-transform: translateY(8%);
				-ms-transform: translateY(8%);
				 -o-transform: translateY(8%);
					transform: translateY(8%);
		}
		to  {
			opacity: 1;
			   -moz-transform: translateY(0);
				-ms-transform: translateY(0);
				 -o-transform: translateY(0);
					transform: translateY(0);
		}
	}
	@-webkit-keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to  {opacity: 1;}
	}
	@-webkit-keyframes growBar{
		0%{
			opacity: 0;
		}
		10%{
			opacity: 1;
		}
		100%{
			opacity: 1;
			-webkit-transform: scaleX(1);
			   -moz-transform: scaleX(1);
			    -ms-transform: scaleX(1);
			     -o-transform: scaleX(1);
			        transform: scaleX(1);
		}
	}
	@keyframes growBar{
		0%{
			opacity: 0;
		}
		10%{
			opacity: 1;
		}
		100%{
			opacity: 1;
			-webkit-transform: scaleX(1);
			   -moz-transform: scaleX(1);
			    -ms-transform: scaleX(1);
			     -o-transform: scaleX(1);
			        transform: scaleX(1);
		}
	}
	@-webkit-keyframes popup{
		0%{-webkit-transform: scale(0); }
		70%{-webkit-transform: scale(1.4); }
		100%{-webkit-transform: scale(1); }
	}
	@keyframes popup{
		0%{
			   -moz-transform: scale(0);
				-ms-transform: scale(0);
				 -o-transform: scale(0);
					transform: scale(0);
		}
		70%{
			   -moz-transform: scale(1.4);
				-ms-transform: scale(1.4);
				 -o-transform: scale(1.4);
					transform: scale(1.4);
		}
		100%{
			   -moz-transform: scale(1);
				-ms-transform: scale(1);
				 -o-transform: scale(1);
					transform: scale(1);
		}
	}

	@-webkit-keyframes hint {
		50%{
			-webkit-transform: translate(-2px,-2px) scale(1.1);
			   -moz-transform: translate(-2px,-2px) scale(1.1);
			    -ms-transform: translate(-2px,-2px) scale(1.1);
			     -o-transform: translate(-2px,-2px) scale(1.1);
			        transform: translate(-2px,-2px) scale(1.1);
		}
	}
	@keyframes hint {
		50%{
			-webkit-transform: translate(-2px,-2px) scale(1.1);
			   -moz-transform: translate(-2px,-2px) scale(1.1);
			    -ms-transform: translate(-2px,-2px) scale(1.1);
			     -o-transform: translate(-2px,-2px) scale(1.1);
			        transform: translate(-2px,-2px) scale(1.1);
		}
	}
	@-webkit-keyframes glowingHint {
		50%{
			background-position: 100% 0;
			box-shadow: 0 0 10px #b18a3c;
		}
	}
	@keyframes glowingHint {
		50%{
			background-position: 100% 0;
			box-shadow: 0 0 10px #b18a3c;
		}
	}
	@-webkit-keyframes revealCard {
		0%{-webkit-transform: rotateY(0deg); }
		100%{-webkit-transform: rotateY(-15deg); }
	}
	@keyframes revealCard {
		0%{
			-webkit-transform: rotateY(0deg);
			   -moz-transform: rotateY(0deg);
			    -ms-transform: rotateY(0deg);
			     -o-transform: rotateY(0deg);
			        transform: rotateY(0deg);
		}
		100%{
			-webkit-transform: rotateY(-15deg);
			   -moz-transform: rotateY(-15deg);
			    -ms-transform: rotateY(-15deg);
			     -o-transform: rotateY(-15deg);
			        transform: rotateY(-15deg);
		}
	}
	@-webkit-keyframes changeCard {
		0%{-webkit-transform: scale(.9) translateY(10%); }
		100%{-webkit-transform: scale(1) translateY(0); }
	}
	@keyframes changeCard {
		0%{
			-webkit-transform: scale(.9) translateY(10%);
			   -moz-transform: scale(.9) translateY(10%);
			    -ms-transform: scale(.9) translateY(10%);
			     -o-transform: scale(.9) translateY(10%);
			        transform: scale(.9) translateY(10%);
		}
		100%{
			-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);
		}
	}
	@-webkit-keyframes glowing {
		40%, 90%, 100%{opacity: 1; }
		60%{opacity: .5; }
	}
	@keyframes glowing {
		40%, 90%, 100%{opacity: 1; }
		60%{opacity: .5; }
	}
/* ---------- award --------------------- */
	#hd .hd-sec-award{
		padding:100px 0 150px;
		text-align: left;
	}
	#hd .hd-sec-award .col75{
		padding-left: 5%;
		margin-top: 20px;
	}
	#hd .hd-sec-award p{
		max-width: 90%;
	}
/* ---------- nav ----------------------- */
	#hd .hd-sec-nav li{
		float: left;
		width: 33%;
		position: relative;
	}
	#hd .hd-sec-nav a{
		display: block;
		position: relative;
		overflow: hidden;
		z-index: 0;
	}
	#hd .hd-sec-nav a:before{
		content:'';
		display: block;
		width: 180%;
		height: 180%;
		position: absolute;
		top: -40%;left: -40%;
		z-index: 2;
		opacity: 0;
		background: #000000;
		background: -moz-linear-gradient(left, #000000 1%, #ffe1ab 100%);
		background: -webkit-linear-gradient(left, #000000 1%,#ffe1ab 100%);
		background: linear-gradient(to right, #000000 1%,#ffe1ab 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffe1ab',GradientType=1 );
		background-size: cover;
 		background-blend-mode: multiply;
		mix-blend-mode: color;
		-webkit-transition: all 2s ease;
		   -moz-transition: all 2s ease;
		    -ms-transition: all 2s ease;
		     -o-transition: all 2s ease;
		        transition: all 2s ease;
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd .hd-sec-nav a:before{
		display: none;
	}
	#hd .hd-sec-nav figure{
		width: 100%;
		height: 0;
		padding:10px;
		padding-bottom: 75%;
		margin:0;
		background-position: center center;
		background-size: cover;
		-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 h4{
		width: 100%;
		height: 50px;
		padding:0 10px;
		position: absolute;
		top: 0;bottom: 0;
		margin:auto 0;
		text-shadow: 0 0 15px #000;
	}
	#hd .hd-sec-nav a:hover:before{
		opacity: 1;
		-webkit-transform: rotate(360deg);
		   -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		     -o-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
	#hd .hd-sec-nav a:hover figure{
		opacity: .8;
		transform-origin: center center;
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
/* ---------- vid ----------------------- */
	#hd .hd-sec-vid{
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}
	#hd .hd-sec-vid iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;left: 0;
	}
	#vid_cover{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	#play_btn{
		width: 186px;
		height: 186px;
		background: url(../img/icon/play.png) center center no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		cursor: pointer;
		display: none;
	}
/* ---------- kv ------------------------ */
	#hd .hd-sec-kv,
	#hd .hd-sec-kv figure{
		position: relative;
	}
	#hd .hd-sec-kv > img{width: 100%;}
	#hd .hd-sec-kv .w1300{
		height: 150px;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		z-index: 2;
	}
	#hd .hd-sec-kv .w1300 > div{
		max-width: 590px;
	}
	#kv_devices{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#kv_devices li{
		width: 6.3%;
		position: absolute;
		opacity: 0;
		user-select: none;
		-webkit-user-select: none;
		-webkit-transition: all .8s cubic-bezier(.01,.92,.4,1.03);
		   -moz-transition: all .8s cubic-bezier(.01,.92,.4,1.03);
		    -ms-transition: all .8s cubic-bezier(.01,.92,.4,1.03);
		     -o-transition: all .8s cubic-bezier(.01,.92,.4,1.03);
		        transition: all .8s cubic-bezier(.01,.92,.4,1.03);
	}
	#kv_devices li:nth-child(1){
		top: 2%;
		left: 10%;
		-webkit-transform: translate(280%,480%);
		   -moz-transform: translate(280%,480%);
		    -ms-transform: translate(280%,480%);
		     -o-transform: translate(280%,480%);
		        transform: translate(280%,480%);
	}
	#kv_devices li:nth-child(2){
		top: 35%;
		left: 3%;
		-webkit-transform: translate(390%,170%);
		   -moz-transform: translate(390%,170%);
		    -ms-transform: translate(390%,170%);
		     -o-transform: translate(390%,170%);
		        transform: translate(390%,170%);
	}
	#kv_devices li:nth-child(3){
		top: 75%;
		left: 10%;
		-webkit-transform: translate(280%,-200%);
		   -moz-transform: translate(280%,-200%);
		    -ms-transform: translate(280%,-200%);
		     -o-transform: translate(280%,-200%);
		        transform: translate(280%,-200%);
	}
	#kv_devices li:nth-child(4){
		top: 35%;
		left: 25%;
		-webkit-transform: translate(40%,172%);
		   -moz-transform: translate(40%,172%);
		    -ms-transform: translate(40%,172%);
		     -o-transform: translate(40%,172%);
		        transform: translate(40%,172%);
	}
	#kv_devices li:nth-child(5){
		top: 5%;
		left: 39%;
		-webkit-transform: translate(-140%,470%);
		   -moz-transform: translate(-140%,470%);
		    -ms-transform: translate(-140%,470%);
		     -o-transform: translate(-140%,470%);
		        transform: translate(-140%,470%);
	}
	#kv_devices li:nth-child(6){
		top: 25%;
		left: 38%;
		-webkit-transform: translate(-165%,263%);
		   -moz-transform: translate(-165%,263%);
		    -ms-transform: translate(-165%,263%);
		     -o-transform: translate(-165%,263%);
		        transform: translate(-165%,263%);
	}
	#kv_devices li:nth-child(7){
		top: 68%;
		left: 40%;
		-webkit-transform: translate(-150%,-135%);
		   -moz-transform: translate(-150%,-135%);
		    -ms-transform: translate(-150%,-135%);
		     -o-transform: translate(-150%,-135%);
		        transform: translate(-150%,-135%);
	}
	#kv_devices li:nth-child(8){
		top: 23%;
		left: 60%;
		-webkit-transform: translate(-470%,280%);
		   -moz-transform: translate(-470%,280%);
		    -ms-transform: translate(-470%,280%);
		     -o-transform: translate(-470%,280%);
		        transform: translate(-470%,280%);
	}
	#kv_devices li:nth-child(9){
		top: 20%;
		left: 80%;
		-webkit-transform: translate(-790%,310%);
		   -moz-transform: translate(-790%,310%);
		    -ms-transform: translate(-790%,310%);
		     -o-transform: translate(-790%,310%);
		        transform: translate(-790%,310%);
	}
	#kv_devices li:nth-child(10){
		top: 80%;
		left: 75%;
		-webkit-transform: translate(-700%,-200%);
		   -moz-transform: translate(-700%,-200%);
		    -ms-transform: translate(-700%,-200%);
		     -o-transform: translate(-700%,-200%);
		        transform: translate(-700%,-200%);
	}
	#kv_devices li:nth-child(3n){
		transition-delay: .05s;
	}
	#kv_devices li:nth-child(4n+1){
		transition-delay: .1s;
	}
	#kv_devices.hd-animated li:nth-child(n){
		opacity: 1;
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		     -o-transform: translate(0,0);
		        transform: translate(0,0);
	}
/* ---------- wifi ---------------------- */
	#hd .hd-sec-wifi figure{
		width: 85%;
		height: 0;
		padding-bottom: 40%;
		margin: -10% auto 0;
		position: relative;
		z-index: -1;
	}
	#hd .hd-sec-wifi figure img{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd #bar-wifi{
		width: 100%;
		max-width: 750px;
		margin:40px auto;
		text-align: left;
	}
	#hd #bar-wifi td:first-child{
		width: 70%;
		padding-right: 20px;
	}
	#hd #bar-wifi td:last-child{
		max-width: 256px;
	}
	#hd #bar-wifi p{
		padding:0 2%;
		line-height: 2em;
		font-weight: normal;
	}
	#hd #bar-wifi p.large{
		font-size: 2em;
		line-height: 1em;
		letter-spacing: 0;
		font-style: italic;
	}
	#hd .bar{
		display: inline-block;
		height: 12px;
		border-radius: 0 7px 7px 0;
		margin:5px 0 15px;
		position: relative;
		opacity: 0;
		transform-origin: left;
		-webkit-transform: scaleX(0);
		   -moz-transform: scaleX(0);
		    -ms-transform: scaleX(0);
		     -o-transform: scaleX(0);
		        transform: scaleX(0);
	}
	#hd .bar:after{
		content:'';
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 7px;
		position: absolute;
		top: 0;bottom: 0;
		right: -30px;
		margin:auto 0;
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
			-ms-transform: scale(0);
			 -o-transform: scale(0);
				transform: scale(0);
	}
	#hd #bar-wifi .bar-gold{
		width: 90%;
		background: -moz-linear-gradient(left, rgba(180,150,90,0) 0%, #ffcb6e 50%, #b4965a 70%, #ffcf7b 92%, #895800 100%);
		background: -webkit-linear-gradient(left, rgba(180,150,90,0) 0%, #ffcb6e 50%, #b4965a 70%, #ffcf7b 92%, #895800 100%);
		background: linear-gradient(to right, rgba(180,150,90,0) 0%, #ffcb6e 50%, #b4965a 70%, #ffcf7b 92%, #895800 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000cccc', endColorstr='#895800',GradientType=1 );
	}
	#hd #bar-wifi .bar-gold:after{
		background: #895800;
	}
	#hd #bar-wifi .other-width{
		width: 50%;
	}
	#hd #bar-wifi .bar-other{
		width: 45%;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .7) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, .7) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, .7) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
	}
	#hd #bar-wifi .bar-short{
		width: 40% !important;
	}
	#hd #bar-wifi .bar-other:after{
		background: rgba(255, 255, 255, .7);
	}
	#hd #bar-wifi.hd-animated .bar-gold{
		-webkit-animation: growBar 1s forwards ease;
		-o-animation: growBar 1s forwards ease;
		animation: growBar 1s forwards ease;
	}
	#hd #bar-wifi.hd-animated .bar-gold:after{
		-webkit-animation: popup .5s 1s forwards;
		-o-animation: popup .5s 1s forwards;
		animation: popup .5s 1s forwards;
	}
	#hd #bar-wifi.hd-animated .bar-other{
		-webkit-animation: growBar 1s .5s forwards ease;
		-o-animation: growBar 1s .5s forwards ease;
		animation: growBar 1s .5s forwards ease;
	}
	#hd #bar-wifi.hd-animated .bar-other:after{
		-webkit-animation: popup .5s 1.5s forwards;
		-o-animation: popup .5s 1.5s forwards;
		animation: popup .5s 1.5s forwards;
	}
	#hd #bar-wifi img{
		opacity: 0;
	}
	#hd #bar-wifi.hd-animated img{
		-webkit-animation: fadeIn .5s 1s forwards ease;
		-o-animation: fadeIn .5s 1s forwards ease;
		animation: fadeIn .5s 1s forwards ease;
	}
/* ---------- multi --------------------- */
	#hd .hd-sec-multi .hd-tabs{
		background: #494949;
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	#hd .hd-sec-multi .hd-tabs li{
		max-width: 400px;
		cursor: pointer;
		padding:20px 10px;
		position: relative;
		display: block;
		float: left;
		margin-left: 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;
	}
	#hd .hd-sec-multi .hd-tabs li:before{
		content:'';
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: 100%;
		left: 0;
		background: #161616;
		opacity: .8;
	}
	#hd .hd-sec-multi .hd-tabs :not(.hd-active) .txt-golden{
		background: #aaa;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
	}
	#hd .hd-sec-multi .hd-tabs .hd-active{
		background-color: #000;
		pointer-events: none;
	}
	#hd .hd-sec-multi .hd-tabs li:hover{
		background-color: rgba(0,0,0,.5);
	}
	#hd .hd-sec-multi .hd-tabs .hd-active:before{
		background: #f2c673;
		background: -webkit-linear-gradient(left, #000, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a, #000);
		background: -o-linear-gradient(left, #000, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a, #000);
		background: -moz-linear-gradient(left, #000, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a, #000);
		background: linear-gradient(to right, #000, #e1a93a, #ffe1ab, #ce9d45, #ffe1ab, #e1a93a, #000);
	}
	#hd .hd-sec-multi .hd-content{
		padding:50px 0 100px;
	}
	#hd .hd-sec-multi .hd-content li{display: none; }
	#hd .hd-sec-multi .hd-content li.hd-active{
		display: block;
		-webkit-animation: fadeInFromBottom .8s forwards;
		   -moz-animation: fadeInFromBottom .8s forwards;
		    -ms-animation: fadeInFromBottom .8s forwards;
		     -o-animation: fadeInFromBottom .8s forwards;
		        animation: fadeInFromBottom .8s forwards;
	}
	#hd .hd-sec-multi figure{
		margin-top: 50px;
		user-select: initial;
		-webkit-user-select: initial;
		position: relative;
	}
	#hd .hd-sec-multi figure .col50{vertical-align: top; }
	#hd .hd-sec-multi figure img{margin:-5% auto 0; }
	#hd .hd-sec-multi figure :not(img){
		position: relative;
		z-index: 2;
	}

	#hd #tab-power .txt-large{
		font-size: 2em;
		font-style: italic;
		font-weight: bold;
		margin-top: -1.5em;
		padding-right: 5px;
	}

	#hd #tab-coverage h2+p{margin-bottom: 80px;}
	#hd #tab-coverage figure img{
		margin-top: 0;
		margin-bottom: 0;
	}
	#hd #tab-coverage figure h3{
		font-size: 1.75em;
		line-height: 1;
		position: absolute;
		top: 0;
		left: 72%;
	}
	#hd #tab-coverage figure h3 span.txt-large{
		font-size: 2em;
		font-weight: bold;
	}
	#hd #tab-coverage figure h4{
		font-size: 1.5em;
		position: absolute;
		bottom: 0;
		left: 7.5%;
	}
	#hd #tab-coverage figure h4.txt-golden{
		left: 7%;
		bottom: -10%;
	}
	#hd #wifi-db{
		width: 50%;
		margin:6% 0 0 auto;
		position: relative;
	}
	#hd #wifi-db p{
		font-size: 1.5rem;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin:0 auto;
		text-align: center;
	}
/* ---------- gaming -------------------- */
	#hd .hd-sec-gaming{
		background: url(../img/gaming/gaming_bg.jpg) center center no-repeat;
		background-size: 100% auto;
		padding-bottom: 100px;
		-webkit-transition: background .4s ease;
		   -moz-transition: background .4s ease;
		    -ms-transition: background .4s ease;
		     -o-transition: background .4s ease;
		        transition: background .4s ease;
	}
	#hd .hd-sec-gaming.status-1,
	#hd .hd-sec-gaming.status-alert{
		background-image: url(../img/gaming/gaming_bg-alert.jpg);
	}
	#hd .hd-sec-gaming h2{
		max-width: 550px;
	}
	#hd .hd-sec-gaming h2+p{
		max-width: 700px;
		padding-right:20px;
	}


	#hd #game-ping {
		width: 100%;
		margin-top: 20px;
	}
	#hd #game-ping td:first-child{
		width: 100px;
		vertical-align: bottom;
	}
	#hd #game-ping td:first-child p{
		margin-bottom: 15px;
	}

	#hd #gaming .ping-status{display: none; }
	#hd #gaming.status-1 .grade-1,
	#hd #gaming.status-2 .grade-2,
	#hd #gaming.status-3 .grade-3,
	#hd #gaming.status-alert .grade-alert{display: block; }

	#hd #gaming.status-1 .title_txt,
	#hd #gaming.status-2 .title_txt,
	#hd #gaming.status-3 .title_txt{color:#00ff41;font-weight: 400; }
	#hd #gaming.status-alert .title_txt{color:#ff151b;font-weight: 400; }

	#hd #game-ping .hd-number{
		font-size: 2.75em;
		font-weight: bold;
		font-style: italic;
		padding-left: 20px;
		line-height: 1;
	}
	#hd #game-ping .hd-number span{
		font-size: .5em;
	}
	#hd #game-ping .txt-green{
		color:#00ff41 !important;
		background: #00ff41;
		background: -webkit-linear-gradient(top, #00ff41, #009020);
		background: -o-linear-gradient(top, #00ff41, #009020);
		background: -moz-linear-gradient(top, #00ff41, #009020);
		background: linear-gradient(to bottom, #00ff41, #009020);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd #game-ping .txt-green{
	    background: transparent !important;
	}
	#hd #game-ping .txt-alert{
		color:#ff151b !important;
		background: #ff151b;
		background: -webkit-linear-gradient(top, #ff151b, #bc151b);
		background: -o-linear-gradient(top, #ff151b, #bc151b);
		background: -moz-linear-gradient(top, #ff151b, #bc151b);
		background: linear-gradient(to bottom, #ff151b, #bc151b);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(255, 255, 255, .1);
	}
	/*ie11 above fixed*/
	_:-ms-fullscreen,
	:root #hd #game-ping .txt-alert{
	    background: transparent !important;
	}

	#hd #game-ping .bar{
		height: 8px;
	}
	#hd #game-ping .bar:after{
		width: 8px;
		height: 8px;
		right: -20px;
	}
	#hd #game-ping .bar-green{
		background: -moz-linear-gradient(left, rgba(0, 255, 65,0) 0%, #009020 100%);
		background: -webkit-linear-gradient(left, rgba(0, 255, 65,0) 0%, #009020 100%);
		background: linear-gradient(to right, rgba(0, 255, 65,0) 0%, #009020 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#009020',GradientType=1 );
	}
	#hd #game-ping .bar-green:after{
		background: #00aa20;
	}
	#hd #game-ping .bar-red{
		background: -moz-linear-gradient(left, rgba(233, 0, 13,0) 0%, #ff151b 100%);
		background: -webkit-linear-gradient(left, rgba(233, 0, 13,0) 0%, #ff151b 100%);
		background: linear-gradient(to right, rgba(233, 0, 13,0) 0%, #ff151b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff151b',GradientType=1 );
	}
	#hd #game-ping .bar-red:after{
		background: #ff151b;
	}
	#hd #game-ping .grade-1 .bar{width: 70%; }
	#hd #game-ping .grade-2 .bar{width: 50%; }
	#hd #game-ping .grade-3 .bar{width: 30%; }
	#hd #game-ping .grade-alert .bar{width: 100%; }

	#hd .hd-animated[class*="status-"] .bar{
		-webkit-animation: growBar 1s forwards ease;
		-o-animation: growBar 1s forwards ease;
		animation: growBar 1s forwards ease;
	}
	#hd .hd-animated[class*="status-"] .bar:after{
		-webkit-animation: popup .5s 1s forwards;
		-o-animation: popup .5s 1s forwards;
		animation: popup .5s 1s forwards;
	}

	#hd #gaming-switches{
		margin-top: 21%;
		min-width: 350px;
	}
	#hd #gaming-switches td{
		padding:10px;
		position: relative;
	}
	#hd #hd-hint{
		position: absolute;
		top: 80%;
		left: 100%;
		-webkit-animation: hint 1s infinite;
		   -moz-animation: hint 1s infinite;
		    -ms-animation: hint 1s infinite;
		     -o-animation: hint 1s infinite;
		        animation: hint 1s infinite;
	}
	#hd #gaming-switches .hd-switch,
	#hd #gaming-switches img{
		display: inline-block;
		vertical-align: middle;
	}
	#hd #gaming-switches .hd-switch{
		min-width: 140px;
		padding:2px;
		background: #895800;
		background-image: -webkit-linear-gradient(135deg, #895800 0%, #ffcf7b 8%, #b18a3c 15%, #b18a3c 30%, #ffcf7b 45%, #f1c069 55%, #b18a3c 100%);
		background-image: -o-linear-gradient(135deg, #895800 0%, #ffcf7b 8%, #b18a3c 15%, #b18a3c 30%, #ffcf7b 45%, #f1c069 55%, #b18a3c 100%);
		background-image: -moz-linear-gradient(135deg, #895800 0%, #ffcf7b 8%, #b18a3c 15%, #b18a3c 30%, #ffcf7b 45%, #f1c069 55%, #b18a3c 100%);
		background-image: linear-gradient(135deg, #895800 0%, #ffcf7b 8%, #b18a3c 15%, #b18a3c 30%, #ffcf7b 45%, #f1c069 55%, #b18a3c 100%);
		/*background-image: -webkit-linear-gradient(top, #895800 0%, #ffcf7b 4%, #b18a3c 10%, #f1c069 50%, #b18a3c 100%);
		background-image: -o-linear-gradient(top, #895800 0%, #ffcf7b 4%, #b18a3c 10%, #f1c069 50%, #b18a3c 100%);
		background-image: -moz-linear-gradient(top, #895800 0%, #ffcf7b 4%, #b18a3c 10%, #f1c069 50%, #b18a3c 100%);
		background-image: linear-gradient(to bottom, #895800 0%, #ffcf7b 4%, #b18a3c 10%, #f1c069 50%, #b18a3c 100%);*/
		background-position: 0 0;
		background-size: 200% auto;
		box-shadow: 0 0 10px #000, 0 0 25px #ffcf7b;
		-webkit-animation: glowingHint 6s infinite;
		   -moz-animation: glowingHint 6s infinite;
		    -ms-animation: glowingHint 6s infinite;
		     -o-animation: glowingHint 6s infinite;
		        animation: glowingHint 6s infinite;
		-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 #gaming-switches tr:last-child .hd-switch{
		-webkit-animation-delay: .25s;
		   -moz-animation-delay: .25s;
		    -ms-animation-delay: .25s;
		     -o-animation-delay: .25s;
		        animation-delay: .25s;
	}
	#hd #gaming-switches .hd-switch li{
		float: left;
		width: 50%;
		padding:5px;
		font-style: italic;
		text-align: center;
		background-color: #000000;
		/*box-shadow: 0 0 10px #f1c069 inset;*/
		color: #f1c069;
		font-weight: bold;
		cursor: pointer;
		-webkit-transition: transform .25s ease;
		   -moz-transition: transform .25s ease;
		    -ms-transition: transform .25s ease;
		     -o-transition: transform .25s ease;
		        transition: transform .25s ease;
	}
	#hd #gaming-switches .hd-switch:hover li{
		-webkit-transform: translateY(-1px);
		   -moz-transform: translateY(-1px);
		    -ms-transform: translateY(-1px);
		     -o-transform: translateY(-1px);
		        transform: translateY(-1px);
	}
	#hd #gaming-switches .hd-switch li.hd-active{
		background-color: transparent;
		color:#ffffff;
		box-shadow: -5px 0 0 rgba(0,0,0,.7), 5px 0 0 rgba(0,0,0,.7);
	}

	#hd #hd-monitor ul{
		perspective: 800px;
		width: 110%;
		margin-left: -10%;
	}
	#hd #hd-monitor li{
		margin:-20px 0;
		position: relative;
	}
	#hd #hd-monitor.hd-animated li,
	#hd .hd-animated[class*="status-"] #hd-monitor li{
		-webkit-animation: revealCard .5s forwards;
		   -moz-animation: revealCard .5s forwards;
		    -ms-animation: revealCard .5s forwards;
		     -o-animation: revealCard .5s forwards;
		        animation: revealCard .5s forwards;
	}
	#hd #hd-monitor.hd-animated li:nth-child(2){
		-webkit-animation-delay: .25s;
		   -moz-animation-delay: .25s;
		    -ms-animation-delay: .25s;
		     -o-animation-delay: .25s;
		        animation-delay: .25s;
	}
	#hd #hd-monitor.hd-animated li:nth-child(3){
		-webkit-animation-delay: .5s;
		   -moz-animation-delay: .5s;
		    -ms-animation-delay: .5s;
		     -o-animation-delay: .5s;
		        animation-delay: .5s;
	}
	#hd #hd-monitor.hd-animated li:nth-child(4){
		-webkit-animation-delay: .75s;
		   -moz-animation-delay: .75s;
		    -ms-animation-delay: .75s;
		     -o-animation-delay: .75s;
		        animation-delay: .75s;
	}
	#hd #hd-monitor li img{width: 100%; }
	#hd #hd-monitor li img:not(:first-child){
		width: 60%;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
		-webkit-animation: changeCard .5s forwards;
		   -moz-animation: changeCard .5s forwards;
		    -ms-animation: changeCard .5s forwards;
		     -o-animation: changeCard .5s forwards;
		        animation: changeCard .5s forwards;
	}
	#hd #hd-monitor li:first-child img:not(:first-child){
		-webkit-animation: changeCard .5s forwards;
		   -moz-animation: changeCard .5s forwards;
		    -ms-animation: changeCard .5s forwards;
		     -o-animation: changeCard .5s forwards;
		        animation: changeCard .5s forwards;
	}
	#hd #hd-monitor li p{
		position: absolute;
		top: 12%;
		right: 10%;
		font-weight: bold;
	}

	#hd #gaming.status-1 .hd-gaming,
	#hd #gaming.status-2 .hd-security,
	#hd #gaming.status-3 .hd-gaming,
	#hd #gaming.status-alert .hd-security{display: block; }
	#hd #gaming.status-1 .hd-security,
	#hd #gaming.status-2 .hd-gaming,
	#hd #gaming.status-3 .hd-security,
	#hd #gaming.status-alert .hd-gaming{display: none; }
/* ---------- security ------------------ */
	#hd .hd-sec-security{padding:50px 0 0; }
	#hd .hd-sec-security h2+p{
		max-width: 1000px;
		margin:0 auto;
	}
	#hd .hd-sec-security figure{
		width: 80%;
		height: 0;
		padding-bottom: 45.5%;
		position: relative;
		margin:-5% auto 0;
		z-index: -1;
	}
	#hd .hd-sec-security figure img{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
/* ---------- lan ----------------------- */
	#hd .hd-sec-lan{
		position: relative;
		margin-top: -3.65625em;
	}
	#hd .hd-sec-lan h2+p{
		width: 110%;
		text-shadow: 0 0 25px #000;
	}
	#hd .hd-sec-lan .pos-lan{
		position: absolute;
		top: 150%;
		left: 0;
		right: 0;
		margin:3.65625em auto 0;
		z-index: 2;
	}
	#hd .hd-sec-lan figure{
		width: 100%;
		height: 0;
		padding-bottom: 47%;
		position: relative;
	}
	#hd .hd-sec-lan figure img{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#hd #scrollLine{
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		position: absolute;
		top: -9%;
		left: 0;
		pointer-events: none;
		z-index: 2;
		-webkit-transition: opacity .5s ease;
		   -moz-transition: opacity .5s ease;
		    -ms-transition: opacity .5s ease;
		     -o-transition: opacity .5s ease;
		        transition: opacity .5s ease;
	}
	#hd #scrollLine svg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd #scrollLine svg path{
		fill: none;
		stroke: #f2f2f2;
	    stroke-dasharray: 3000px;
	    stroke-dashoffset: 3000px;
	    transition: 2s stroke-dashoffset ease-in;
	}
	#hd #scrollLine.hd-animated svg path{
		stroke-dashoffset: 0;
	}
	#hd #scrollLine svg.glow-g path{
		stroke-width:5px;
		stroke: #cb9b2f;
	}
	#hd #scrollLine svg.glow-w path{
		stroke-width:2px;
	}
	#hd #scrollLine svg.glow-g{filter:blur(10px); }
	#hd #scrollLine svg.glow-w{filter:blur(5px); }
	#hd #scrollLine.hd-fadeOut{
		opacity: 0 !important;
	}
/* ---------- wireless ------------------ */
	#hd .hd-sec-wireless{position: relative;}
	#hd #wireless-glow{
		width: 100%;
		height: 0;
		padding-bottom: 53%;
		position: relative;
	}
	#hd #wireless-glow img{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#hd #wireless-glow img:last-child{
		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 #wireless-glow.hd-animated img:last-child{
		-webkit-animation: glowing 2s forwards;
		   -moz-animation: glowing 2s forwards;
		    -ms-animation: glowing 2s forwards;
		     -o-animation: glowing 2s forwards;
		        animation: glowing 2s forwards;
	}
	#hd .hd-sec-wireless .pos-wireless{
		position: absolute;
		top: 30%;
		left: 0;right: 0;
	}
	#hd .hd-sec-wireless .pos-wireless p{
		max-width: 500px;
		text-shadow: 0 0 30px #000;
	}
/* ---------- home ---------------------- */
	#hd .hd-sec-home{
		padding-top:50px;
	}
	#hd .hd-sec-home .w1000{
		max-width: 800px;
		margin-bottom: -3%;
		position: relative;
		z-index: 2;
	}
	#hd .hd-sec-home .aimesh_logo{
		margin-bottom: 10px;
	}
	#hd .hd-sec-home li{
		padding-left: 15px;
		position: relative;
	}
	#hd .hd-sec-home li:before{
		content:'';
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 4px;
		background-color: #ffffff;
		position: absolute;
		top: .55em;
		left: 0;
	}
/* ---------- cpu ----------------------- */
	#hd .hd-sec-cpu{
		position: relative;
	}
	#hd .hd-sec-cpu figure{
		width: 100%;
		height: 0;
		padding-bottom: 45%;
		position: relative;
		z-index: -1;
	}
	#hd .hd-sec-cpu figure img{
		width: 70%;
		height: auto;
		position: absolute;
		top: 0;
		right: 5%;
	}
	#hd .hd-sec-cpu .pos-cpu{
		position: absolute;
		top: 30%;
		left: 0;
		right: 0;
	}
	#hd .hd-sec-cpu .pos-cpu .col50{
		max-width: 520px;
	}


#rog_black_style #Product_BottomSection{
	display:none;
}

/* ---------- Aggregation ----------------------- */
	#hd .hd-aggregation{
		padding-top: 10%;
	}
	#hd .hd-aggregation figure{
		width: 85%;
		height: 0;
		padding-bottom: 40%;
		margin: 0 auto;
		position: relative;
		z-index: -1;
	}
	#hd .hd-aggregation figure img{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}