@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@font-face {
	font-family: 'jerseym54';
	src:url("../css/font/jersey_es_modified.eot"),
		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
}
@font-face {
	font-family: 'machinen';
	src:url("../css/font/machinen.ttf") format("truetype");
	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;
		color:#fff;
		font-size: 16px;
		margin-top: -40px
	}
	#hd ul,
	#hd li {
		margin: 0;
		padding: 0;
	}
	#hd img {
		display: block;
		height: auto;
		border: none;
		max-width: 100% !important;
		margin: 0 auto;
	}
	#hd img.lazyload {
		opacity: 0;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
/* ---------- TXT ---------- */



	#hd h2,
	#hd h3,
	#hd h4,
	#hd p,
	#hd b,
	#hd small,
	#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: "machinen", "jerseym54", "Geneva", "Roboto", "Helvetica", "Arial", "Microsoft JhengHei", sans-serif;
		font-weight: 400;
	}
	#hd h2 {
		display: inline;
		font-size: 85px;
		line-height: 85px;
		margin-bottom: 30px;
		width: 100%;
		position: relative;
		/*text-align: center;*/
		color: #bcbcbc !important;
		background: #e5e2df; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #e5e2df, #8b9298, #e0e0e0, #8b9298, #e5e2df); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #e5e2df, #8b9298, #e0e0e0, #8b9298, #e5e2df); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e2df', endColorstr='#91979d', GradientType=1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; 
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	#hd h2:before{
		content: "";
		position: absolute;
		top: -5%;
		right: 105%;
		width: 1000%;
		height: 100%;
		background: url(../img/title/title_left.png) center right no-repeat;
	}
	#hd h2:after{
		content: "";
		position: absolute;
		top: -5%;
		left: 105%;
		width: 1000%;
		height: 100%;
		background: url(../img/title/title_right.png) center left no-repeat;
	}
	#hd h3 {
		font-size: 50px;
		line-height: 50px;
		margin-top: 20px;
		margin-bottom: 20px;
		color: #f5ba00 !important;
	}
	#hd #top_word{
		color: #f5ba00 !important;
		margin-top: 0;
	}
	#hd #top_word.gradual{
		background: #f5ba00; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #e29e04, #fedca2, #f5ba00, #e7c16c, #fedca2, #c08d1b,#fbae01); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #e29e04, #fedca2,  #f5ba00, #e7c16c, #fedca2 , #c08d1b,#fbae01);  W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ 
		/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf3a', endColorstr='#fedca2', GradientType=1);*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e29e04', endColorstr='#fbae01', GradientType=1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	#hd h3+h4 {
		margin-top: -10px;
	}
	#hd h4 {
		font-family: 'Fjalla One', sans-serif;
		font-size: 30px;
		font-weight: 400;
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	#hd #hd_sec_chokes h4+p {
		margin-top: -10px;
	}

	#hd h4+.txt-smallTitle {
		margin-top: -10px;
	}
	#hd h5 {
		font-size: 48px;
		line-height: 1;
		color: #f5ba00;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	#hd h6 {
		font-size: 20px;
	}
	#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: 'Fjalla One', sans-serif;
		font-weight: bold;
		font-size: 36px;
	}
	#hd span.txt-plus {
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
	}
	#hd .txt-gold {
		color: #f5ba00;
		font-weight: 400;
	}
	#hd .txt-grey {
		color: #9b9b9b;
		font-weight: 400;
	}
	#hd .txt-bold {
		font-weight: bold;
		border-bottom: 1px solid #fff;
		display: inline-block;
		margin-bottom: 5px;
	}
	#hd .txt-smallTitle {
		font-size: 18px;
		font-weight: 600;
		margin: 20px 0;
		letter-spacing: 1px;
	}
	#hd .txt-link {
		text-decoration: underline;
		display: block;
		margin-bottom: 30px;
	}
	#hd .txt-center {text-align: center; }
	#hd .txt-left {text-align: left; }
	#hd .txt-right {text-align: right; }
	#hd .note{color: #ccc; font-size: 14px;
		line-height: 1.2em;
		margin: 10px 0}
/* ---------- BLOCK ---------- */
	#hd .w95 {
		width: 94%;
		margin: 0 auto;
		position: relative;
	}
	#hd .w1920 {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}
	#hd .w1000,
	#hd .w1100,
	#hd .w1200,
	#hd .w1300,
	#hd .w1400 {
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	#hd .w1000 {max-width: 1000px; }
	#hd .w1200 {max-width: 1200px; }
	#hd .w1100 {max-width: 1100px; }
	#hd .w1300 {max-width: 1300px; }
	#hd .w1400 {max-width: 1400px; }
	#hd .w950 {
		max-width: 950px;
		margin: 0 auto;
	}
	#hd .w900 {
		max-width: 900px;
		margin: 0 auto;
	}

	#hd .col25,
	#hd .col33,
	#hd .col40,
	#hd .col45,
	#hd .col50,
	#hd .col55,
	#hd .col60 {
		display: inline-block;
		margin-left: -7px;
		vertical-align: middle;
	}
	#hd .col25 {width: 25%; }
	#hd .col33 {width: 33.33%; }
	#hd .col45 {width: 45%; }
	#hd .col50 {width: 50%; }
	#hd .col55 {width: 55%; }
	#hd .col60 {width: 60%; }
	#hd .col40 {width: 40%; }

	#hd .ib-middle{vertical-align: middle;}
	#hd .ib-top{vertical-align: top;}
	#hd .ib-bottom{vertical-align: bottom;}

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

	#hd .hd_mobile-on,
	#hd .hd_1024-on {
		display: none;
	}
/* ---------- BLOCK-more ---------- */
	#hd .hd-more {
		height: 150px;
		background-image: url(../img/more.png);
		background-position: center center;
		background-size: 1200px;
		position: relative;
		cursor: pointer;
	}
	#hd .hd-more span {
		width: 100%;
		display: block;
		text-align: center;
	}
	#hd .hd-more h4 {
		font-family: "jerseym54", "Geneva", "Roboto", "Helvetica", "Arial", "Microsoft JhengHei", sans-serif;
		display: inline-block;
		/* background: #ffa83a;
		background: -moz-linear-gradient(-45deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		background: -webkit-linear-gradient(-45deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		background: linear-gradient(135deg, #ffa83a 6%, #b87a00 30%, #e8d7af 64%, #8b5e13 96%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83a', endColorstr='#8b5e13', GradientType=1); */
		color: #808080 !important;
		background: rgb(169,167,165);
		background: -moz-linear-gradient(left, rgba(169,167,165,1) 0%, rgba(169,167,165,1) 7%, rgba(255,255,255,1) 18%, rgba(80,92,94,1) 33%, rgba(255,255,255,1) 46%, rgba(169,171,172,1) 61%, rgba(255,255,255,1) 68%, rgba(128,128,128,1) 80%, rgba(255,255,255,1) 92%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(169,167,165,1) 0%,rgba(169,167,165,1) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(169,167,165,1) 0%,rgba(169,167,165,1) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,1) 92%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a7a5', endColorstr='#ffffff',GradientType=1 );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
	}
	#hd .hd-more:before {
		content: '';
		display: block;
		position: absolute;
		width: 20px;
		height: 3px;
		background-color: #f2ffff;
		top: 3px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	#hd .hd-more:after {
		content: '';
		display: block;
		position: absolute;
		width: 3px;
		height: 20px;
		background-color: #f2ffff;
		top: 3px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}

	#hd .hd-more.hd-open:before {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#hd .hd-more.hd-open:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#hd .hd-more-content {
		/*display: none;*/
	}
	@media all and (-ms-high-contrast:none) {
		#hd h2,
		#hd .hd-more h4,
		#hd #top_word {
			background: none;
		}
	}
	@supports (-ms-accelerator:true) {
		#hd h2,
		#hd .hd-more h4 {
			background: none;
		}
	}
/* ---------- BLOCK-bg ---------- */
	#hd .hd-bg-dark {
		/*background: url(../img/title/tuf-bg.png) 0 top no-repeat;*/
	}
	#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: #f5ba00;
	}
	#fp-nav ul li:hover a span {
		background-color: #f5ba00;
	}
	#fp-nav ul li .fp-tooltip {
		color: #f5ba00;
	}
/* ---------- 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 #f5ba00;
		background: rgba(0, 0, 0, 0.8) url('../img/icon/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: #f5ba00;
		box-shadow: 0 0 10px #f5ba00;
	}
/* ---------- TITLE ---------- */
	/*#hd .title-animation-left:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 20%;
		height: 300px;
		background: #000000;
		background: -moz-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #a9abac 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		z-index: -3;
		animation: bg-light-left 4s linear infinite;
	}
	#hd .title-animation-right:before {
		content: "";
		position: absolute;
		top: 1px;
		right: 0;
		width: 20%;
		height: 300px;
		background: #000000;
		background: -moz-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: -webkit-linear-gradient(left, #000000 0%, #a9abac 50%, #000000 100%);
		background: linear-gradient(to right, #000000 0%, #a9abac 50%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		z-index: -3;
		animation: bg-light-right 4s linear infinite;
	}*/
/* ---------- 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,
	#hd .badges-effect .owl-stage:after,
	#hd .hd_sec_overclock figure .img_top{
		-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;
		margin-right: -5px;
	}
	#hd .hd_sec_nav li {
		display: inline-block;
		vertical-align: top;
		margin-left: -5px;
		width: 16.666%;
		transform: translateZ(0);
	}
	#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: 15px 6px;
		background-color: #1e1e1e;
		border: 3px solid #000000;
	}
	#hd .hd_sec_nav li:hover h6 {
		color: #ffffff;
		border-color: #000000;
		background-color: #5c5c5c;
		text-shadow: 3px 3px 5px rgba(0,0,0,.3);
	}
	#hd .hd_sec_nav li div {
		overflow: hidden;
	}
	#hd .hd_sec_nav li div img {
		width: 100%;
		max-width: none;
	}
	#hd .hd_sec_nav li:hover div img {
		opacity: .5;
		-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_overlay ---------- */
	#hd .overlay-img{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	#hd .overlay-img .hd-img-stable {
		position: relative;
		z-index: 9;
		width: 100%;
	}
	#hd .hd-img-colorrun {
		position: absolute;
		z-index: 8;
		width: 100%;
		top: 0;
		left: 0;
		-webkit-animation: colorrun 10s infinite;
		-moz-animation: colorrun 10s infinite;
		-ms-animation: colorrun 10s infinite;
		-o-animation: colorrun 10s infinite;
		animation: colorrun 10s infinite;
	}
/* ---------- hd_kv ---------- */

	#hd  #hd_kv .floatleftimg{
		
		
		float: left;
		margin: 10% 20px 0 0;
	}


	#hd  #hd_kv .clearfix{
		clear: both;
	}







	#hd .hd_sec_gaming {
		padding: 100px 0 30px;
	}
	#hd #hd_kv {
		position: relative;
		background: url(../img/kv/kv-bg.png) center top no-repeat;
		margin-top: -24px;
		background-size: cover;
	}
	#hd #hd_kv .w1200{
		width: 77%;
	}
	#hd #hd_kv .overlay-img {
		position: relative;
		right: -7%;
		width: 54.25%;
		margin: 2% 0 0 auto;
		padding-top: 120px;
		padding-bottom: 10%;
	}
	#hd #hd_kv .overlay-img .hd-img-colorrun {
		top: 120px;
	}
	#hd #hd_kv .col55 {
		position: absolute;
		top: 30%;
		width: 50%;
	}
	#hd #hd_kv .col55 p {
		padding-right: 12%;
	}
	#hd #hd_kv .kv_bg_color{
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: -1;
    background: url(../img/kv/kv-bg_color.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 60px;
	}
	#hd #hd_kv .kv_bg_color img{
		height: 100%
	}
/* ---------- hd_sec_spec ---------- */

	.btn_img{
		position: absolute;
		top:20%;
		left: 90%;
		z-index: 99999;

	}



	#hd .hd_sec_spec {
		padding: 100px 0 100px;
		background: #000 url(../img/bg-spec.png) center top no-repeat;
		background-size: contain;
	}
	#hd .hd_sec_spec.active{
		display: none;
	}


	#hd .hd_sec_spec .w1200>img {
		padding-right: 15%;
	}
	#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 {
		font-size: 16px;
		letter-spacing: 0.5px;
		line-height: 1.25;
		margin-bottom: 15px;
		max-width: 270px;
	}
	#hd .hd_sec_spec ul li b{
		font-weight: bold;
	}
	#hd .hd_sec_spec ul li p span {
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: 0px;
		padding-left: 12px;
		position: relative;
	}
	#hd .hd_sec_spec ul li p span:after{
		content: "銉�";
		position: absolute;
		left: -3px;
		top: 1px;
	}

	
	#hd .hd_sec_spec ul li:nth-child(-n+11) {left: 1%;}
	#hd .hd_sec_spec ul li:nth-child(1) {top: 20.15%;}
	#hd .hd_sec_spec ul li:nth-child(2) {top: 23.5%;}
	#hd .hd_sec_spec ul li:nth-child(3) {top: 27.8%;}
	#hd .hd_sec_spec ul li:nth-child(4) {top: 31%;}
	#hd .hd_sec_spec ul li:nth-child(5) {top: 34.3%;}
	#hd .hd_sec_spec ul li:nth-child(6) {top: 38.7%;}
	#hd .hd_sec_spec ul li:nth-child(7) {top: 45.2%;}
	#hd .hd_sec_spec ul li:nth-child(8) {top: 52%;}
	#hd .hd_sec_spec ul li:nth-child(9) {top: 56%;}
	#hd .hd_sec_spec ul li:nth-child(10) {top: 61.5%;}
	#hd .hd_sec_spec ul li:nth-child(11) {top: 79.5%;}

	#hd .hd_sec_spec ul li:nth-child(n+12) {left: 73.6%;}	
	#hd .hd_sec_spec ul li:nth-child(12) {top: 29.8%;}
	#hd .hd_sec_spec ul li:nth-child(13) {top: 44.1%;}
	#hd .hd_sec_spec ul li:nth-child(14) {top: 49.5%;}
	#hd .hd_sec_spec ul li:nth-child(15) {top: 54.5%;}
	#hd .hd_sec_spec ul li:nth-child(16) {top: 57%;}
	#hd .hd_sec_spec ul li:nth-child(17) {top: 64.4%;}
	#hd .hd_sec_spec ul li:nth-child(18) {top: 69.5%;}
	#hd .hd_sec_spec ul li:nth-child(19) {top: 73%;}
	#hd .hd_sec_spec ul li:nth-child(20) {top: 78.5%;}
	#hd .hd_sec_spec ul li:nth-child(21) {top: 82.4%;}
	#hd .hd_sec_spec ul li:nth-child(22) {top: 86%;}
	#hd .hd_sec_spec ul li:nth-child(23) {top: 80.0%; }
	#hd .hd_sec_spec ul li:nth-child(24) {top: 92%; }
	#hd .hd_sec_spec ul li:nth-child(25) {top: 92%; }



	#hd .hd_sec_spec_2 {
		padding: 100px 0 100px;
		background: #000 url(../img/bg-spec.png) center top no-repeat;
		background-size: contain;
		display: none;
	}


#hd .hd_sec_spec_2.active{
		display: block;
	}

	#hd .hd_sec_spec_2 .w1200>img {
		padding-right: 15%;
	}
	#hd .hd_sec_spec_2 ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#hd .hd_sec_spec_2 ul li {
		position: absolute;
	}
	#hd .hd_sec_spec_2 ul li p {
		font-size: 16px;
		letter-spacing: 0.5px;
		line-height: 1.25;
		margin-bottom: 15px;
		max-width: 270px;
	}
	#hd .hd_sec_spec_2 ul li b{
		font-weight: bold;
	}
	#hd .hd_sec_spec_2 ul li p span {
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: 0px;
		padding-left: 12px;
		position: relative;
	}
	#hd .hd_sec_spec_2 ul li p span:after{
		content: "銉�";
		position: absolute;
		left: -3px;
		top: 0;
	}

	#hd .hd_sec_spec_2 ul li:nth-child(-n+10) {left: 1%; }
	#hd .hd_sec_spec_2 ul li:nth-child(1) {top: 11.15%; }
	#hd .hd_sec_spec_2 ul li:nth-child(2) {top: 14.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(3) {top: 19.8%; }
	#hd .hd_sec_spec_2 ul li:nth-child(4) {top: 23% ; }
	#hd .hd_sec_spec_2 ul li:nth-child(5) {top: 28.3%; }
	#hd .hd_sec_spec_2 ul li:nth-child(6) {top: 31.7%; }
	#hd .hd_sec_spec_2 ul li:nth-child(7) {top: 37.2%; }
	#hd .hd_sec_spec_2 ul li:nth-child(8) {top: 45%; }
	#hd .hd_sec_spec_2 ul li:nth-child(9) {top: 59%;}
	#hd .hd_sec_spec_2 ul li:nth-child(10) {top: 85.5%;}
	
	#hd .hd_sec_spec_2 ul li:nth-child(n+11) {left: 71.5%; }	
	#hd .hd_sec_spec_2 ul li:nth-child(11) {top: 5.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(12) {top: 9.8%; }
	#hd .hd_sec_spec_2 ul li:nth-child(13) {top: 12.1%; }
	#hd .hd_sec_spec_2 ul li:nth-child(14) {top: 16.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(15) {top: 21.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(16) {top: 28%; }
	#hd .hd_sec_spec_2 ul li:nth-child(17) {top: 32.4%; }
	#hd .hd_sec_spec_2 ul li:nth-child(18) {top: 43.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(19) {top:49.0%; }
	#hd .hd_sec_spec_2 ul li:nth-child(20) {top:52.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(21) {top:59.5%; }
	#hd .hd_sec_spec_2 ul li:nth-child(22) {top: 66%; }
	#hd .hd_sec_spec_2 ul li:nth-child(23) {top: 80.0%; }
	#hd .hd_sec_spec_2 ul li:nth-child(24) {top: 92%; }

	#hd .xpert_hight{ 	height: 225px; 	} 
/* ---------- hd_reliability ---------- */
	#hd #hd_reliability {
		padding: 50px 0 0;
		position: relative;
		margin-bottom: 50px;
	}
	#hd #hd_reliability:before{
		    content: "";
    position: absolute;
    width: 120%;
    height: 550px;
    background: url(../img/btn_active_bg.png) center center no-repeat;
    top: 260px;
    background-size: 70% 100%;
    left: -10%;
	}
	#hd #hd_reliability:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg00.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
	#hd #hd_reliability .w900{
		width: 90%;
		padding:40px 0 30px;
	}
	#hd #hd_reliability .w1000 {
		padding: 40px 0 0;
	}
	#hd #hd_reliability img.floatleftimg{
		float: left;
		margin: 0 30px 0 0
	}
	#hd #hd_reliability img.floatrightimg{
		float: right;
		margin: 0 
	}
	#hd .hd-sec-alliance .w1200 {
		direction: ltr;
	}
	#hd .hd-sec-alliance .right {
		direction: rtl;
	}
	#hd .hd-sec-alliance .hd-magnifier {
		position: relative;
		width: 95%;
		margin: auto;
		padding-bottom: 95%;
	}
	#hd .hd-sec-alliance h3 span,
	#hd .hd-sec-alliance h3 img {
		display: inline-block;
		vertical-align: middle;
	}
	#hd .hd-sec-alliance h3 span {
		padding-right: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
		-webkit-text-fill-color: currentColor;
	}
	#hd .hd-sec-alliance h3 img {
		width: 95px;
	}
	#hd .hd-sec-alliance p {
		/*max-width: 595px;*/
	}
	#hd .hd-sec-alliance p i {
		font-weight: bold;
		font-style: italic !important;
		display: inline-block;
	}
	#hd .hd-sec-alliance .img_content {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#hd .hd-sec-alliance .img_content .hd-photo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: transform .1s ease-out;
		cursor: crosshair;
	}
	#hd .hd-sec-esd .col45,
	#hd .hd-sec-core .col45 {
		padding: 0 10px;
	}
	#hd .hd-sec-esd .w1200>p {
		max-width: 1000px;
		margin: -10px auto 30px;
	}
	#hd .hd-sec-esd .hd-guardbox {
		position: relative;
		max-width: 1050px;
		margin: 0 auto;
	}
	#hd .hd-sec-esd .txt-box {
		position: absolute;
		width: 100%;
		left: 0;
		top: 52%;
	
		text-align: center;
	}
	#hd .hd-sec-esd .txt-box figure {
		width: 23%;
		display: inline-block;
		vertical-align: top;
		padding: 25px 20px;
		margin: 0 1.4% 2.8%;
		background-color: rgba(105, 105, 105, 0.8);
	}
	#hd .hd-sec-esd .txt-box figure:hover {
		border: 1px solid #fff; 
		box-shadow: 0 0 10px rgba(255,255,255,.4);
	}
	#hd .hd-sec-esd .txt-box figure:nth-child(3) {
		width: 23%;
	}
	#hd .hd-sec-esd .txt-box figure p {
		margin-bottom: 12px;
		line-height: 1.5rem;
	}
	#hd .hd-sec-esd .txt-box p.txt-style {
		position: relative;
		text-transform: uppercase;
		font-family: 'Fjalla One', sans-serif;
		letter-spacing: 1px;
		padding-bottom: 12px;
		min-height: 3.8rem;
		color: #f5ba00;
	}
	#hd .hd-sec-esd .txt-box p.styleII{
		padding-top: 12.5px;
	}
	#hd .hd-sec-esd .txt-box p.txt-style:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		color: #f0b427;
		background: #f0b427;
	}

/* ---------- badges-effect ---------- */
	#hd #owl-hd-badges {
		position: relative;
		padding-top: 40px;
	}
	#hd #owl-hd-badges .owl-dots {
		position: absolute;
		width: 100%;
		bottom: 10px;
		z-index: 4;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot {
		display: inline-block;
		margin: 0 4px;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot span {
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 8px;
		border: 2px solid #f5ba00;
		background-color: #f5ba00;
	}
	#hd #owl-hd-badges .owl-dots .owl-dot.active span,
	#hd #owl-hd-badges .owl-dots .owl-dot:hover span {
		background: transparent;
	}
	#hd #owl-hd-badges .item {
		/* background-image: url("../img/stability/B350MA.jpg");
		background-position: 0 top;
		background-repeat: no-repeat;
		background-size: 300%; */
		height: 0;
		padding-bottom: 93.75%;
		position: relative;
		background-color: #232323;
	}
	#hd #owl-hd-badges .owl-item:nth-child(2) .item {
		background-position: 50% top;
	}
	#hd #owl-hd-badges .owl-item:nth-child(3) .item {
		background-position: 100% top;
	}
	#hd #owl-hd-badges .item .hd-item-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 20% 5% 0;
	}
	#hd #owl-hd-badges .item .hd-item-content img {
		max-height: 86px;
		width: auto;
		margin-bottom: 20px;
	}
	#hd #owl-hd-badges .owl-item {
		position: relative;
		z-index: 2;
	}
	#hd #owl-hd-badges .item .hd-item-content h4 {
		color: #8d8d8d; 
		margin-top: 30px;
	}
	#hd #owl-hd-badges .item .hd-item-content p {
		max-width: 410px;
		margin: 0 auto 15px;
	}
	#hd .badges-effect .owl-stage:after {
		content: "";
		position: absolute;
		top: 2px;
		height: 0;
		width: 32.9%;
		padding-bottom: 30.7%;
		z-index: 3;
		border: 2px solid #f2ffff;
		box-shadow: 0px 0px 300px rgba(0, 0, 0, 1) inset, 0px 0px 150px rgba(0, 0, 0, 1) inset;
		-webkit-transform: all 0.3s;
		-moz-transform: all 0.3s;
		-ms-transform: all 0.3s;
		-o-transform: all 0.3s;
		transform: all 0.3s;
		visibility: visible;
		pointer-events: none;
	}
	#hd .badges-effect .owl-stage.eq0:after {
		left: 0;
	}
	#hd .badges-effect .owl-stage.eq1:after {
		left: 33.33%;
	}
	#hd .badges-effect .owl-stage.eq2:after {
		left: 66.66%;
	}
/* ---------- hd_freeze ---------- */
	#hd #hd_freeze {
		padding-top: 30px;
	}
	#hd #hd_freeze>div {
		min-height: 90vh;
		padding: 50px 0;
	}
	#hd #hd_freeze .col40 {
		width: 44%;
	}
	#hd #hd_freeze #hd_sec_chokes {
		padding: 50px 0;
	}
	#hd #hd_freezePic {
		position: absolute;
		top: 70px;
		left: 52%;
		width: 700px;
	}
	/*#hd #hd_freezePic.freezed {
		position: fixed;
		top: 100px;
		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_freeze img.hd-ab {
		position: absolute;
		top: 0;
		left: 0;
	}
/* ------------ armoury ----------- */
	#hd .hd_armoury_area{
		padding-top: 50px
	}
	#hd .hd_armoury_filter{width: 255px; }
	#hd .hd_armoury_filter li{
		border:1px solid #fabf3a;
		padding:20px 15px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	#hd .hd_armoury_filter li.hd_active{
		background: #fabf3a;	}
	#hd .hd_armoury_filter li h4{
		color:#fabf3a;
		margin-bottom: 0;
		font-size: 1.125em;
		-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 .hd_armoury_filter li:hover h4{
		color:#fabf3a;		
	}
	#hd .hd_armoury_filter li.hd_active h4{
		color:#000;
	}
	#hd .hd-sec-armoury .fright{
		width: calc(100% - 255px);
		padding-left: 20px;
	}
	#hd .hd_armoury_content {
		width: 100%;
	}
	#hd .hd_armoury_content li{
		height: 0;
		opacity: 0;
		visibility: none;
	}
	#hd .hd_armoury_content li.hd_active{
		height: auto;
		opacity: 1;
		visibility: visible;
	}
	#hd .hd_armoury_content figure{
		width: 100%;
		height: 0;
		padding-bottom: 55.2857%;
		background: 0 0 no-repeat;
		background-size: contain;
	}
	#hd .hd_armoury_content .owl-dots{
		width: 100%;
		position: absolute;
		top: 100%;
		margin:10px 0;
		text-align: center;
	}
	#hd .hd_armoury_content .owl-dots.disabled{
		display: none
	}
	#hd .hd_armoury_content .owl-dot{
		display: inline-block;
		vertical-align: top;
		width: 10px;
		height: 10px;
		border-radius: 6px;
		background: #333333;
		margin:5px;
	}
	#hd .hd_armoury_content .owl-dot.active{background: #fabf3a; }
	#hd .hd-sec-armoury .hd_btn{
		display: inline-block;
		padding:10px 20px;
		font-size: 1.125em;
		font-weight: bold;
		color:#fabf3a;
		background: #000000;
		background-clip: padding-box;
		border:2px solid transparent;
		border-radius: 10px;
		margin:50px 0 0;
		position: relative;
		-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 .hd-sec-armoury .hd_btn:before{
		content:'';
		display: block;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		z-index: -1;
		margin: -2px;
		border-radius: inherit;
		background: linear-gradient(to right, #fabf3a, #fabf3a, #fabf3a);
	}
	#hd .hd-sec-armoury .hd_btn:hover{
		color:#fabf3a;
	}
/* ---------- hd_cooling ---------- */
	#hd #hd_cooling {
		padding: 50px 0 100px;
		position: relative;
	}
	#hd #hd_cooling:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg00.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_overclock ---------- */
	#hd .hd_sec_overclock{
		padding:0;
	}
	#hd .hd_sec_overclock .left{
		padding-right: 5%;
	}
	#hd .hd_sec_overclock figure{
		position: relative;
		/*border:1px solid #fff;
		box-shadow: 0 0 10px rgba(255,255,255,.4);*/
	}
	#hd .hd_sec_overclock .img_top{
		position: absolute;
		top: 0;
		left: 0;
		cursor: crosshair;
		-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);
	}
	#hd .hd_solution{
		padding: 100px 0 0px
	}
	#hd .hd_solution .delta_logo{
		max-width: 190px !important;
		margin: 0;
		padding-top: 10px;
	}
	#hd .hd_rgb_header{
		padding: 50px 0 0
	}
	#hd .hd_rgb_header img{
		max-width: 350px !important;
	}
	/* ------------ hd_sec_fan --------------- */
	#hd .hd_sec_fan{
		/*background: url(../img/fan/Fan-Xpert-bg.jpg) right top no-repeat;
		background-size: 60%;*/
		padding: 100px 0 0;
		/* background-position: center center;
		background-repeat: no-repeat;
		background-size: contain; */
	}
	#hd .hd_sec_fan .w1200{
		z-index: 1;
	}
	#hd .hd_sec_fan h3{
		margin-top: 0;
		margin-bottom: 30px;
	}
	#hd .hd_sec_fan .fleft{
		position: relative;
	}
	#hd .hd_sec_fan .fleft img{
		margin-left: auto;
		margin-right: 50px;
	}
	#hd .hd_sec_fan .fan_cover li{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin:0 auto;
		opacity: 0;
	}
	#hd .hd_sec_fan .fan_cover li.hd-active{
		opacity: 1;
	}
	#hd .hd_sec_fan .hd-filter{
		margin:30px 0 ;
	}
	#hd .hd_sec_fan .hd-filter li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin:20px 0 20px -5px;
		padding:0 1% 0 0;
		cursor: pointer;
	}
	#hd .hd_sec_fan .hd-filter li small{
		font-size: 13px
	}
	#hd .hd_sec_fan .hd-content{
		position: relative;
		background: #131313;
		max-width: 550px;
		padding: 20px 5%;
	}
	#hd .hd_sec_fan .hd-content:before{
		content:'';
		display: block;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		position: absolute;
		top: -2px;
		left: -2px;
		background: #ffbf3a;
		background: -moz-linear-gradient(left, #c58000 3%, #ffbf3a 48%, #804600 100%);
		background: -webkit-linear-gradient(left, #c58000 3%, #ffbf3a 48%, #804600 100%);
		background: linear-gradient(to right, #c58000 3%, #ffbf3a 48%, #804600 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c58000', endColorstr='#804600',GradientType=1 );
		z-index: -1;
	}
	#hd .hd_sec_fan .hd-content li img{margin:10px auto 0; }
	#hd .hd_sec_fan .hd-content li{display: none; }
	#hd .hd_sec_fan .hd-content li.hd-active{display: block; }
	#hd .hd_sec_fan .hd-content p{margin-bottom: 0; }

	#hd .fan_icon{
		background-image: url(../img/fan/spritesheet.png);
		background-repeat: no-repeat;
		display: block;
		width: 47px;
		height: 47px;
		margin:0 auto 5px;
		opacity: .8;
	}
	#hd .hd_sec_fan li:hover .fan_icon,
	#hd .hd_sec_fan li.hd-active .fan_icon{
		opacity: 1;
	}
	/* icon position */
		#hd .fan_icon.fan_temp{
			background-position: -5px -5px;
		}
		#hd .hd-active .fan_icon.fan_temp{
			background-position: -62px -5px;
		}
		#hd .fan_icon.fan_one{
			background-position: -5px -62px;
		}
		#hd .hd-active .fan_icon.fan_one{
			/*background-position: -119px -62px;*/
			 background-position: -62px -62px; 
		}
		#hd .fan_icon.fan_pwm{
			background-position: -119px -5px;
		}
		#hd .hd-active .fan_icon.fan_pwm{
			background-position: -119px -62px;
		}
		#hd .fan_icon.fan_smart{
			background-position: -5px -119px;
		}
		#hd .hd-active .fan_icon.fan_smart{
			background-position: -62px -119px;
		}
	/* ---------- hd_sec_ddr4 ---------- */
	#hd .hd_sec_ddr4 {
		position: relative;
		padding:50px 0;
	}
	#hd .hd_sec_ddr4 .mbfix {
		margin-bottom: 5px;
	}
	#hd .hd_sec_ddr4 .lhfix {
		font-size: 14px;
		line-height: 1.4rem;
	}
	#hd .hd_sec_ddr4 .w1200{
		direction: rtl;
	}
	#hd .hd_sec_ddr4 .w1200>.w950{
		margin-bottom: 30px;
	}
	#hd .hd_sec_ddr4 .w1200>*{
		direction: ltr;
	}
	#hd .hd_sec_ddr4 .left {
		padding-right: 2%;
	}
	#hd .hd_sec_ddr4 .right {
		margin-top: 35px;
	}
	#hd .hd_sec_ddr4 .w1200 img {
		margin-bottom: 30px;
		margin-left: 0;
	}
	/* #hd .hd_sec_ddr4 h3 + p{margin-bottom: 50px; }
	#hd .hd_sec_ddr4 .right{padding-left: 20px; }
	#hd .hd_sec_ddr4 .txt-smallTitle{margin-bottom: 0; }
	#hd .hd_sec_ddr4 .txt-absent{padding:0 2px; } */
	/*#hd .hd_sec_ddr4 .right > p{
		margin-bottom: -10px;
		position: relative;
		z-index: 2;
	}*/
	/* #hd .hd_sec_ddr4 figure {
		position: relative;
		display: block;
	}
	#hd .hd_sec_ddr4 figure img{
		margin-bottom: 20px;
		margin-left: 0;
	}
	#hd .hd_sec_ddr4 img.short{
		max-width: 89% !important;
	}
	#hd .hd_sec_ddr4 figure p{
		display: block;
		position: absolute;
		left: 2%;
		bottom: 0;
		margin-bottom: 0;
		font-size: 12px;
	}
	#hd .hd_sec_ddr4 small{
		display: block;
		margin-top: 70px;
	} */
/* ---------- hd_way ---------- */
	#hd #hd_way {
		padding: 50px 0 100px 0;
		position: relative;
	}
	#hd #hd_way:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg00.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
	#hd #hd_way .col70{
	    width: 70%;
	    margin: 0 auto;
	    position: relative;
	}
	#hd #hd_way .col70 p {
	    padding: 40px 20% 40px 0;
	}
	#hd #videoHero {
		width: 100%;
	}
	#hd #videoHero::-webkit-media-controls-fullscreen-button {
		display: none;
	}
/* ---------- hd_sec_audiomode ---------- */
	#hd .hd_sec_audiomode{padding-top: 50px;padding-bottom: 50px; }
	#hd .hd_sec_audiomode .left{
		padding-right: 10%;
	}
	#hd .hd_sec_audiomode .right{position: relative;}
	#hd .hd_sec_audiomode .right h4{margin:50px 0 10px; }
	#hd .hd_sec_audiolist {
		padding: 80px 0;
	}
	#hd .hd_sec_audiolist .col33{
		padding: 0 3%;
		position: relative;
	}
	#hd .hd_sec_audiolist .col33:not(:last-child):after{
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		width: 1px;
		height: 100%;
		color: #808080;
		background: #808080;
		background: -moz-linear-gradient(top, rgba(169,167,165,0) 0%, rgba(169,167,165,0) 7%, rgba(255,255,255,1) 18%, rgba(80,92,94,1) 33%, rgba(255,255,255,1) 46%, rgba(169,171,172,1) 61%, rgba(255,255,255,1) 68%, rgba(128,128,128,1) 80%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(169,167,165,0) 0%,rgba(169,167,165,0) 7%,rgba(255,255,255,1) 18%,rgba(80,92,94,1) 33%,rgba(255,255,255,1) 46%,rgba(169,171,172,1) 61%,rgba(255,255,255,1) 68%,rgba(128,128,128,1) 80%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#808080',GradientType=1 );
	}

/* ---------- hd_sec_audio ---------- */
	#hd .hd_sec_audio {padding: 0px 0 50px; }
	#hd .hd_sec_audio .w1200{
		z-index: 2;
	}
	#hd .hd_sec_audio .w1300 {margin-top: -120px; }
	#hd .hd_sec_audio .txt-pic {
		/*margin: 0 0 0 auto;*/
		max-width: 780px !important;
		width: 63%;
		position: relative;
		margin-top: 50px;
	}
	#hd .hd_sec_audio .txt-pic ul{display: none;}
	#hd .hd_sec_audio .txt-box {
		position: absolute;
		top: 100px;
		right: 0;
		max-width: 500px;
		width: 40%;
	}
	#hd .hd_sec_audio .txt-box .txt-gold {position: relative; }
	#hd .hd_sec_audio .txt-box li h4{
		position: relative;
	}
	#hd .hd_sec_audio .txt-box li h4:after {
		content: '';
		display: block;
		position: absolute;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(1) h4:after {
		border-top: 2px solid #f5ba00;
		width: 55%;
		height: 62px;
		top: 50%;
		/*left: 50%;*/
		right: 110%;
		bottom: 100%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(2) h4:after {
		border-bottom: 2px solid #f5ba00;
		/*border-right: 2px solid #f5ba00;*/
		width: 85%;
		height: 50px;
		/*left: 79%;*/
		right: 110%;
		bottom: 50%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(3) h4:after {
		border-bottom: 2px solid #f5ba00;
		border-right: 2px solid #f5ba00;
		width: 60%;
		height: 0;
		/*left: 65%;*/
		right:110%;
		bottom: 40%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(4) h4:before {
		content: '';
		display: block;
		position: absolute;
		border-top: 2px solid #f5ba00;
		width: 5%;
		height: 0;
		right: 105%;
		bottom: 40%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(4) h4:after {
		border-top: 2px solid #f5ba00;
		border-right: 2px solid #f5ba00;
		width: 22%;
		height: 50px;
		/*left: 54%;*/
		right: 110%;
		bottom: 40%;
	}
/* ---------- hd_sec_lighting ---------- */
	#hd .hd_sec_lighting {
		padding: 60px 0;
		background-color: #000;
	}

	#hd .hd_sec_lighting .hd-lighting {
		position: relative;
		overflow: hidden;
	}
	/*#hd .hd_sec_lighting h3{margin-bottom: 20px;}*/
	#hd .hd_sec_lighting #colorbox{
		width: 50%;
		height: 0;
		padding-bottom: 110%;
		position: absolute;
		top: 1px;
		right: 1px;
		z-index: 1;
		overflow: hidden;
	}
	#hd .hd_sec_lighting #color {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	#hd .hd_sec_lighting .left{
		position: relative;
		z-index: 1;
		padding-right: 35px
	}
	#hd .hd_sec_lighting .right{
		position: relative;
		z-index: 3;
	}
	#hd .hd_sec_lighting .right .over-txt{
		position: absolute;
	    z-index: 999;
	    color: #fff;
	}
	#hd .hd_sec_lighting .right .over-txt:nth-of-type(1) {
	    top: 5%;
	    left: 10%;
	}
	#hd .hd_sec_lighting .right .over-txt:nth-of-type(2) {
	    top: 48%;
	    left: 10%;
	}
	#hd .hd_sec_lighting .hd-controls{
		margin-bottom: 50px;
		margin-top: 30px
	}
	#hd .hd_sec_lighting .hd-controls li {
		width: 25%;
		display: inline-block;
		margin-right: -5px;
		vertical-align: top;
		text-align: center;
		padding: 10px 5px;
		opacity: 1;
		/* cursor: pointer; */
		transition: all 0.8s ease 0s;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
	}
	#hd .hd_sec_lighting .hd-controls li img{
		margin:0 auto 5px;
	}
	#hd .hd_sec_lighting .hd-controls li small{
		display: block;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: 1px;
		color: #f5ba00
	}

	#hd .hd_sec_lighting .hd-controls li.lighting-active {
		opacity: 1;
	}
	#colorpicker{
		display: block;
		width: 110px;
		margin:10px 20px 10px auto;
		position: absolute;
		bottom: -130px;
		right: 0;
	}
	#hd .hd-overlay {
		position: absolute;
		z-index: 8;
		width: 100%;
		top: 0;
		left: 0;
		-webkit-animation: colorrun 3s infinite;
		-moz-animation: colorrun 3s infinite;
		-ms-animation: colorrun 3s infinite;
		-o-animation: colorrun 3s infinite;
		animation: colorrun 3s infinite;
	}
/* ---------- hd_networking ---------- */
	#hd #hd_networking {
		padding: 50px 0 0;
		position: relative;
	}
	#hd #hd_networking:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg04.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_wifi ---------- */



	#hd .hd_sec_wifi .Source-file-ref{
	
		position: absolute;
		top: 64%;
		left: 42%;
		width: 7.5%;

	}


	#hd .hd_sec_wifi .col50{

		margin-bottom: 80px;
	}




	#hd .hd_sec_wifi{
		position: relative;
		margin:0px auto;
	}
	#hd .hd_sec_wifi .w1200{
		position: relative;
		z-index: 2;
	}
	#hd .hd_sec_wifi > img{
		width: 40%;
		max-width: 808px !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 50%;
	}
	#hd .hd_sec_wifi img.ac9260_wifi{
		padding-left: 5%;
		max-width: 700px !important;
	}
	#hd .hd_sec_ethernet{
		direction: ltr;
		padding-bottom: 120px;
	}
	#hd .hd_sec_ethernet .col50{
		/*direction: ltr;*/
	}
	#hd .hd_sec_ethernet .right{
		padding-left: 5%;
	}
	#hd .hd_sec_languard {
		/*padding: 80px 0;*/
	}
	#hd .hd_sec_languard .left{
		padding-right: 5%;
	}
	#hd .hd_sec_languard p{
		max-width: 530px;
	}



/*-----------hd_sec_core----------*/


#hd .hd_sec_intel_core{

	padding: 100px 0 20px;

}








/*-----------------------------*/



	
/* ---------- hd_sec_turbo ---------- */
	#hd .hd_sec_turbo{
		padding: 150px 0 30px;
		    direction: rtl;
	}
	#hd .hd_sec_turbo h4 + p{
		margin-bottom: 70px;
	}
	#hd .hd_sec_turbo .ui{
		display: inline-block;
		vertical-align: bottom;
		width: 90%;
		position: relative;
	}
	#hd .hd_sec_turbo .ui_img{
		width: 75%;
		margin:0 0 0 auto;
	}
	#hd .hd_sec_turbo .ui_img img{
		max-width: 565px !important;
    	width: 85%;
	}
	#hd .hd_sec_turbo .ui_img > ul{
		display: none;
	}
	#hd .hd_sec_turbo .hd_txt li{
		width: 100%;
		text-align: left;
		position: absolute;
		left: 4%;
	}
	#hd .hd_sec_turbo .hd_txt li p,
	#hd .hd_sec_turbo .hd_txt li img{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
		line-height: 1.2em
	}
	#hd .hd_sec_turbo .hd_txt li p{
		width: 23%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1){
		top: 15%;
		direction: ltr;
		line-height: 1.2;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2){
		top: 60%;
		direction: ltr;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(3){
		top: 64%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(4){
		top: 85%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1) p{
		padding-top: 2%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(1) img{
		width: 36%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2) p{
		width: 30%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2) img{
		width: 9%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(3) img{
		width: 64%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(4) img{
		width: 63%;
	}
	#hd .hd_sec_turbo .bar{
		display: inline-block;
		vertical-align: bottom;
		width: 20%;
		margin-left: -10px;
	}
/* ---------- hd_ultrafast ---------- */
	#hd #hd_ultrafast {
		padding: 50px 0 0;
		position: relative;
	}
	#hd #hd_ultrafast:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/title/title_bg01_03_05.png) center top no-repeat;
		background-size: contain;
		z-index: -2;
	}
/* ---------- hd_sec_ultrafast ---------- */
	#hd .hd_sec_ultrafast h5{
		margin-bottom: 30px;
		min-height: 96px;
	}
	#hd .hd_sec_ultrafast img{
		margin-left: 0;
	}
	#hd .hd_sec_ultrafast .col50:nth-child(-n+2){
		vertical-align: top;
		padding:0 5%;
	}
	#hd .hd_sec_ultrafast {
		padding: 70px 0;
	}
	#hd .hd_sec_ultrafast .col50:first-child p {
		margin-bottom: 50px;
	}
	#hd .hd_sec_ultrafast .col50:nth-child(2) p {
		margin-bottom: 50px;
	}
/* ---------- hd_sec_ready ---------- */
	#hd .hd_sec_ready{
		padding: 40px 0;
	}
	#hd .hd_sec_ready .col55{
		margin-left: -7%;
		margin-right: -2%;
	}
	#hd .hd_sec_ready .col50{
		position: relative;
		padding-left: 5%;
	}

/* ---------- hd_sec_intel ---------- */
	#hd .hd_sec_intel {
		padding: 0 0 150px 0;
		max-width: 1050px;
	}
	#hd .hd_sec_intel h3 {
		margin-bottom: 120px;
	}
	#hd .hd_sec_intel img {
		display: inline-block;
		vertical-align: top;
		width: 200px;
	}
	#hd .hd_sec_intel .hd_content {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 210px);
		margin-left: -6px;
		padding-left: 70px;
		margin-bottom: 30px;
	}
/* ---------- keyframes ---------- */
	@-webkit-keyframes bg-light-left {
		0% {left: -20%; }
		25% {left: 30%; }
		25.1% {left: 50%; }
		50% {left: 100%; }
		100% {left: 100%; }
	}
	@keyframes bg-light-left {
		0% {left: -20%; }
		25% {left: 30%; }
		25.1% {left: 50%; }
		50% {left: 100%; }
		100% {left: 100%; }
	}

	@-webkit-keyframes bg-light-right {
		0% {right: -20%; }
		25% {right: 30%; }
		25.1% {right: 50%; }
		50% {right: 100%; }
		100% {right: 100%; }
	}
	@keyframes bg-light-right {
		0% {right: -20%; }
		25% {right: 30%; }
		25.1% {right: 50%; }
		50% {right: 100%; }
		100% {right: 100%; }
	}

	.hd-rainbow {
		height: 500% !important;
		background: url(../img/way/rainbow.jpg) 0 0 repeat;
	}
	.hd-comet {
		background: #000000;
		background: -moz-linear-gradient(-45deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		background: linear-gradient(135deg, #000000 0%, #000000 39%, #ff0000 54%, #00ff2b 60%, #000000 73%, #000000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
	}
	.hd-flash {
		background: #484848;
		background: -moz-linear-gradient(left, #484848 0%, #ff0000 15%, #484848 27%, #ff0000 40%, #484848 53%, #ff0000 63%, #484848 78%, #ff0000 90%, #484848 100%);
		background: -webkit-linear-gradient(left, #484848 0%, #ff0000 15%, #484848 27%, #ff0000 40%, #484848 53%, #ff0000 63%, #484848 78%, #ff0000 90%, #484848 100%);
		background: linear-gradient(to right, #810000 0%, #810000 25%, #ff0000 50%, #810000 75%, #810000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#484848', GradientType=1);
	}
	.hd-yoyo {
		background: #000000;
		background: -moz-linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		background: -webkit-linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		background: linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 162, 0) 8%, #ffff00 15%, #00cb07 23%, #00cb07 31%, #07a9ff 38%, #07a9ff 46%, #1044ff 54%, #1044ff 62%, #1b2f7f 69%, #1b2f7f 77%, #d92f7f 85%, #000000 92%, #000000 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		box-shadow: 0 0 50px 20px #000 inset;
	}
	.hd-starryNight {
		background: #000000 !important;
	}
	.starry_night {
		display: none;
	}
	.starry_night li{
		width: 10%;
		height: 10%;
		background-color: #FFF;
		position: absolute;
		background: radial-gradient(circle, #f5ba00,#f5ba00, #000000, #000000);
		animation: starryNight 2s infinite;
	}

	.starry_night li:nth-child(1) {right: 60%; top: 4%; }
	.starry_night li:nth-child(2) {right: 40%; top: 20%; }
	.starry_night li:nth-child(3) {right: 30%; top: 30%; }
	.starry_night li:nth-child(4) {right: 50%; top: 60%; }
	.starry_night li:nth-child(5) {right: 30%; top: 80%; }
	.starry_night li:nth-child(6) {right: 55%; top: 90%; }

	@-webkit-keyframes static {
		0% {opacity: 1 }
		50% {opacity: 1 }
	}
	@keyframes static {
		0% {opacity: 1 }
		50% {opacity: 1 }
	}

	@-webkit-keyframes breathing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}
	@keyframes breathing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}

	@-webkit-keyframes strobing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}
	@keyframes strobing {
		0% {opacity: 1 }
		50% {opacity: .3 }
	}

	@-webkit-keyframes music {
		0% {opacity: 1 }
		10% {opacity: .3 }
		40% {opacity: 1 }
		60% {opacity: .3 }
		70% {opacity: 1 }
		100% {opacity: .3 }
	}
	@keyframes music {
		0% {opacity: 1 }
		10% {opacity: .3 }
		40% {opacity: 1 }
		60% {opacity: .3 }
		70% {opacity: 1 }
		100% {opacity: .3 }
	}

	@-webkit-keyframes cycle {
		0% {background-color: red }
		15% {background-color: orange }
		30% {background-color: yellow }
		45% {background-color: #00CB07 }
		60% {background-color: #07A9FF }
		75% {background-color: #1044FF }
		90% {background-color: #a12fd9 }
		100% {background-color: red }
	}
	@keyframes cycle {
		0% {background-color: red }
		15% {background-color: orange }
		30% {background-color: yellow }
		45% {background-color: #00CB07 }
		60% {background-color: #07A9FF }
		75% {background-color: #1044FF }
		90% {background-color: #a12fd9 }
		100% {background-color: red }
	}

	@-webkit-keyframes colorrun {
		0% {-webkit-filter: hue-rotate(0deg); }
		100% {-webkit-filter: hue-rotate(359deg); }
	}
	@keyframes colorrun {
		0% {
			-webkit-filter: hue-rotate(0deg);
			filter: hue-rotate(0deg)
		}
		100% {
			-webkit-filter: hue-rotate(359deg);
			filter: hue-rotate(359deg)
		}
	}
	@-webkit-keyframes rainbow{
		0%	{-webkit-transform: translateY(-50%) skewY(-40deg); }
		100%{-webkit-transform: translateY(0%) skewY(-40deg); }
	}
	@keyframes rainbow{
		0%	{transform: translateY(-50%) skewY(-40deg); }
		100%{transform: translateY(0%) skewY(-40deg); }
	}

	@-webkit-keyframes cpu {
		0% {background-color: red }
		30% {background-color: yellow }
		60% {background-color: green }
		90% {background-color: yellow; }
	}
	@keyframes cpu {
		0% {background-color: red }
		30% {background-color: yellow }
		60% {background-color: green }
		90% {background-color: yellow; }
	}

	@-webkit-keyframes comet {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%);
		}
	}
	@keyframes comet {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%);
		}
	}

	@-webkit-keyframes flash {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%) skewX(135deg);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%) skewX(135deg);
		}
	}
	@keyframes flash {
		0% {
			z-index: 1;
			width: 200%;
			transform: translateX(-100%) skewX(135deg);
		}
		100% {
			z-index: 1;
			width: 200%;
			transform: translateX(50%) skewX(135deg);
		}
	}

	@-webkit-keyframes yoyo {
		0% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
		50% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(30%, -30%) rotate(45deg);
		}
		100% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
	}
	@keyframes yoyo {
		0% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
		50% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(30%, -30%) rotate(45deg);
		}
		100% {
			z-index: 1; width: 220%; height: 300%;
			transform: translate(-80%, -30%) rotate(45deg);
		}
	}

	@-webkit-keyframes starryNight {
		0% {transform: translateX(0%); }
		100% {transform: translateX(800%); }
	}
	@keyframes starryNight {
		0% {transform: translateX(0%); }
		100% {transform: translateX(800%); }
	}
	@keyframes showfrombottom {
	    from {
	        opacity: 0;
	        -moz-transform: translateY(30px);
	        -ms-transform: translateY(30px);
	        -o-transform: translateY(30px);
	        transform: translateY(30px);
	    }
	    to {
	        opacity: 1;
	        -moz-transform: translateY(0px);
	        -ms-transform: translateY(0px);
	        -o-transform: translateY(0px);
	        transform: translateY(0px);
	    }
	}

	@-webkit-keyframes showfrombottom {
	    from {
	        opacity: 0;
	        -webkit-transform: translateY(30px);
	    }
	    to {
	        opacity: 1;
	        -webkit-transform: translateY(0px);
	    }
	}
	@-webkit-keyframes glowingHint {
		0%{
			background-position: 0 950%;
		}
		50%{
			background-position: 0 400%;
		}
		100%{
			background-position: 0 250%;
		}
	}
	@keyframes glowingHint {
		0%{
			background-position: 0 950%;
		}
		50%{
			background-position:0 400%;
		}
		100%{
			background-position: 0 250%;
		}
	}

/* ---------- New Add ---------- */
/* ---------- hd_reliability ---------- */
	#hd #hd_cooling .col70{
		width: 70%;
		margin: 0 auto;
    	position: relative;
	}
	#hd #hd_reliability .col62,
	#hd #hd_way .col62{
		width: 62.5%;
		margin: 0 auto;
    	position: relative;
	}
	#hd #hd_reliability .col62 p{
		padding: 40px 28.5% 0px 0;
	}
	#hd #hd_way .col62 p{
		padding: 40px 25% 40px 0;
	}
	#hd #hd_cooling .col70 p{
		padding: 40px 45% 40px 0;
	}
	/* ---------- hd-detailed ---------- */
	#hd .hd-detailed{
		padding-bottom: 0px;
		position: relative;
	}
	#hd .hd-detailed .hd-5line_under{
		position: absolute;
		bottom: 25px;
    	left: 12%;
    	z-index: 1;
    	opacity: 0;
    	z-index: 0;
	}
	#hd .hd-detailed .hd-under-line{
		position: absolute;
		bottom: 0;
		left: 10%;
		right: 10%;
		width: 80%;
		background-color: #FFBF3B;
		height: 1px;
		z-index: 1;
		opacity: 0;
	}
	/* ---------- hd-menu ---------- */
	#hd .hd-menu {
    	width: 100%;
    	margin-bottom: 50px;
    	position: relative;
	}
	/*#hd .hd-detailed.act::before,
	#hd .hd-detailed.act::after,
	#hd .hd-menu.act::before,
	#hd .hd-menu.act::after {
		content: "";
		position: absolute;
    	width: 1px;
		height: 145px;
		background-color: #FFBF3B;
	}*/
	#hd .hd-menu.act{
		position: relative;
	}
	#hd .hd-menu.act::before,
	#hd .hd-menu.act::after{
		top: 50%;
	}
	#hd .hd-detailed.act{
		position: relative;
	}
	#hd .hd-detailed.act::before,
	#hd .hd-detailed.act::after{
		bottom: 0;
		z-index: 2;
	}
	#hd .hd-detailed.act::before,
	#hd .hd-menu.act::before {
		left: 10%;
	}
	#hd .hd-detailed.act::after,
	#hd .hd-menu.act::after{
		right: 10%
	}
	#hd .hd-menu .hd-5line{
		position: absolute;
		top: 60%;
    	right: 12%;
    	opacity: 0;
    	z-index: 0;
	}
	#hd .hd-menu ul {
		width: 80%;
    	margin: 0 auto;
	    display: flex;
	    justify-content: center;
	    padding: 0 0;
	    position: relative;
	}

/* -- fixline LR --- */
	#hd .hd-menu .fixline:before{
		content: "";
    position: absolute;
    height: 100%;
    width: 95%;
    right: 99%;
    background: url(../img/hd-menu_line_l.png) right 7% no-repeat;
    background-size: 11.2% 44%;
    top: 13.2%;
	}
	#hd .hd-menu .fixline:after{
	    content: "";
    position: absolute;
    height: 101%;
    width: 92%;
    left: 99%;
    background: url(../img/hd-menu_line_r_f.png) left 7% no-repeat;
    background-size: 10% 42%;
    top: 13.2%
}
	

/*-------------*/



	#hd .hd-menu ul:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 92.8%;
    background: url(../img/hd-menu_line_l.png) right 7% no-repeat;
    background-size: 11.2% 44%;
    top: 13.2%;
	}
	#hd .hd-menu ul:after{
	    content: "";
	    position: absolute;
	    height: 100%;
	    width: 100%;
	    left: 92.95%;
	    background: url(../img/hd-menu_line_r.png) left 7% no-repeat;
	    background-size: 11% 44%;
	    top: 13.2%;
	}
	#hd .hd-menu ul.act{
		position: relative;
		z-index: 1;
	}
	/*#hd .hd-menu ul.act::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0%;
    	width: 100%;
		height: 1px;
		background-color: #FFBF3B;
	}*/
	#hd .hd-menu li {
	    width: 26%;
	    color: #808080;
	    cursor: pointer;
	    position: relative;
	    margin: 0 2%;
		padding: 45px 0;
	}



	
/* -- fixline ---- */

#hd .hd-menu .fixline li:before {
    content: '';
    position: absolute;
    top: -4%;
    right: 0x;
    transform: scaleY(1.45) perspective(360px) rotateX(50deg);
    transform-origin: center;
    border-radius: 0;
    bottom: 0;
    z-index: 0;
    width: 112%;
    left: -7%;
    height: 61%;
    border: 1px solid #846f3e;
    border-bottom: none;
}



#hd .hd-menu .fixline  li.eq3:before{
	
	transform: scaleY(1.45) perspective(360px) rotateX(-132deg);
    transform-origin: center;
    bottom: 0;
    top: -7%;
    width: 114%;
    left: -8%;
    height: 92%;
    border: 1px solid #846f3e;
    border-top: none;
    border-left: none;
}





	#hd .hd-menu li.eq4:before{
	transform: scaleY(1.45) perspective(360px) rotateX(-48deg);
    transform-origin: center;
    bottom: 0;
    top: 26%;
    width: 109%;
    left: -6%;
    height: 76%;
    border: 1px solid #846f3e;
	border-top: none;
	border-left:none;
	}


	#hd .hd-menu li.eq4 a:before{
		transform: scaleY(1.45) perspective(360px) rotateX(-50deg);
	    transform-origin: center;
	    top: 15%;
	    bottom: 3%;
	}
	


	#hd .hd-menu li.eq4 a:hover:before,
	#hd .hd-menu li.eq4.hd-active a:before{
		border-bottom: solid 8px #FFBF3B;
		border-top: none;
		background: url(../img/btn_active_bg.png) 50% 0% no-repeat;
    	background-size: 200%;
	}



/*----------*/





	#hd .hd-menu li:before {
	    content: '';
	    position: absolute;
	    top: -3%;
	    right: 0;
	    transform: scaleY(1.45) perspective(360px) rotateX(50deg);
	    transform-origin: center;
	    border-radius: 0;
	    bottom: 0;
	    z-index: 0;
	    width: 102%;
	    left: -1%;
	    height: 60%;
	    border: 1px solid #846f3e;
	    border-bottom: none;
	}




	#hd .hd-menu li.eq1:before{
		border-right: none;
	}
	#hd .hd-menu li.eq3:before{
		border-left: none;
	}
	#hd .hd-menu li.eq2:before{
		transform: scaleY(1.45) perspective(360px) rotateX(-48deg);
    transform-origin: center;
    bottom: 0;
    top: 13%;
    width: 112%;
    left: -6%;
    height: 91%;
    border: 1px solid #846f3e;
    border-top: none;
	}
	#hd .hd-menu li a:before {
		content: '';
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    background: #1c1c1c;
	    background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(255,255,255,0));
	    z-index: -1;
	    transform: scaleY(1.45) perspective(360px) rotateX(50deg);
	    transform-origin: center;
	    border-radius: 0;
	    border: none;
	    bottom: 18%;
	    z-index: 0;
	}
	#hd .hd-menu li.eq2 a:before{
		transform: scaleY(1.45) perspective(360px) rotateX(-50deg);
	    transform-origin: center;
	    top: 15%;
	    bottom: 3%;
	}
	#hd .hd-menu li a:hover:before,
	#hd .hd-menu li.hd-active a:before {
		opacity: 1;
		border-width: 6px;
		border-color: #FFBF3B;
		border-style: solid;
		border-bottom: none;
		border-top-width: 8px;
		background: url(../img/btn_active_bg.png) 50% 80% no-repeat;
    	background-size: 200%;
	}
	#hd .hd-menu li.hd-active a h4{
		color: #f5ba00
	}
	#hd .hd-menu li.eq2 a:hover:before,
	#hd .hd-menu li.eq2.hd-active a:before{
		border-bottom: solid 8px #FFBF3B;
		border-top: none;
		background: url(../img/btn_active_bg.png) 50% 0% no-repeat;
    	background-size: 200%;
	}
	#hd .hd-menu li .arrow-left,
	#hd .hd-menu li .arrow-right{
		position: absolute;
		margin-bottom: 0;
		opacity: 0;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	#hd .hd-menu li .arrow-left{
		bottom: 0;
		left: 0;
	}
	#hd .hd-menu li .arrow-right{
		top: 0;
		right: 0;
	}
	#hd .hd-menu li:hover .arrow-left{
		left: -17.5px;
    	bottom: -2.5px;
    	opacity: 1;
	}
	#hd .hd-menu li:hover .arrow-right{
		top: -15px;
    	right: -5px;
    	opacity: 1;
	}
	#hd .hd-menu li.hd-active {
		/*background-color: #212121;
    	color:#FFBF3B;*/
	}
	#hd .hd-menu li img{
		margin-bottom: 25px;
	}
	#hd .hd-menu li .active-img{
		z-index: 1;
		display: none;
	}
	#hd .hd-menu li:hover .active-img,
	#hd .hd-menu li.hd-active .active-img{
		z-index: 1;
		display: block;
	}
	#hd .hd-menu li:hover .static-img,
	#hd .hd-menu li.hd-active .static-img{
		z-index: 1;
		display: none;
	}
	#hd .hd-menu li h4 {
	    font-size: 17px;
    	letter-spacing: 0px;
	    color: inherit;
	    margin-bottom: 0;
	    font-family: 'Roboto';
	    color: #4d4d4d
	}
	#hd .hd-menu li:hover h4{
		color: #f5ba00;
	}
	#hd .hd-menu li h4,
	#hd .hd-menu li img{
		text-transform: none;
		position: relative;
	}
	/* ---------- hd-details ---------- */
	#hd .hd-details .hd-detail {
    	display: none;
	}
	#hd .hd-details .leran {
    	color: #f5ba00;
    	text-decoration: underline;
	}
	#hd .hd-details .hd-open {
	    display: block;
	    -webkit-animation: showfrombottom .8s ease;
	    -moz-animation: showfrombottom .8s ease;
	    -ms-animation: showfrombottom .8s ease;
	    -o-animation: showfrombottom .8s ease;
	    animation: showfrombottom .8s ease;
	}
	#hd .hd-bg-reverse{
		padding-bottom: 22%;
	}
	#hd #owl-hd-badges{
		position: absolute;
	    bottom: 0;
	    left: 10%;
	    width: 80%;
	}
	#hd .hard_duty .duty_word{
		color: #f5ba00;
		font-weight: 600;
    	font-size: 22px;
	}
	#hd .hard_duty .optimem p{
		/*margin-bottom: 50px;*/
	

	}

	#hd .optimem p{

		margin-bottom:0px;

	}




	#hd #hd_cooling .left{
		padding-right: 5%;
	}
	#hd #hd_cooling .right{
		padding-left: 2.5%;
	}
	#hd #hd-re-margin{
		margin: 0;
	}
	#hd .MEMOK,
	#hd .hd_sec_ethernet .w1200{
		padding: 0 0;
	}
	#hd .MEMOK .col50 h4{
		margin-bottom: 40px;
	}
	#hd .MEMOK .col50 p{
		padding-right: 25%;
	}
	#hd .hd_sec_gpu .w1200{
		padding: 40px 0 0;
	}
	#hd .hd_sec_lighting .col55 a{
		text-decoration: underline;
	}
	#hd .hd_details_data{
		display: inline-block;
  		text-align: : left;
  		padding-left: 0px;
	}
	#hd .hd_details_data img{
		margin: 0
	}
	#hd .orange_frame img{
	    position: relative;
    	z-index: 2;
	}
	#hd .skewX20{
		-webkit-transform: skewX( 20deg);
	    -moz-transform: skewX( 20deg);
	    -ms-transform: skewX( 20deg);
	    -o-transform: skewX( 20deg);
	    transform: skewX( -20deg);
	}
	#hd .skewX-20{
		-webkit-transform: skewX(-20deg);
	    -moz-transform: skewX(-20deg);
	    -ms-transform: skewX(-20deg);
	    -o-transform: skewX(-20deg);
	    transform: skewX(20deg);
	}
	#hd .orange_frame{
		padding: 10px;
		position: relative;
	}
	#hd .orange_frame::before,
	#hd .orange_frame::after{
		position: absolute;
	    content: '';
	}
	#hd .orange_frame::before{

		transform: rotate(0.5turn);
	    display: block;
	    width: calc(100% + 4px);
	    height: calc(100% + 4px);
	    top: -2px;
	    left: -2px;
	    background: #b06116;
	    background-image: -webkit-linear-gradient(top, #b06116, #eaaf54, #d27c2f, #e8a052);
	    background-image: -o-linear-gradient(top, #b06116, #eaaf54, #d27c2f, #e8a052);
	    background-image: -moz-linear-gradient(top, #b06116, #eaaf54, #d27c2f, #e8a052);
	    background-image: linear-gradient(to bottom, #b06116, #eaaf54, #d27c2f, #e8a052);
	    background-size: auto 200%;
    	-webkit-animation: glowingHint 3.25s infinite normal;
	    -moz-animation: glowingHint 3.25s infinite normal;
	    -ms-animation: glowingHint 3.25s infinite normal;
	    -o-animation: glowingHint 3.25s infinite normal;
	    animation: glowingHint 3.25s infinite normal;
	    z-index: -1;
	}
	#hd .orange_frame::after{
	    display: block;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: #000000;
	    z-index: 0;
	}
	#hd .flexbox-container {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	}
	#hd .better{
		margin-bottom: 15px;
	}
	#hd .better img{
		padding: 20px;
	}
	#hd .optimem{
		margin-top: 50px
	}
	#hd .optimem .ib-top p{
		margin-bottom: 0;
		margin-left: 50px;
	}
	#hd .optimem .mbfix{
		color: #FFF;
		margin-bottom: 10px;
		font-weight: 700
	}
	#hd .optimem  .mbfix.yeal{
		color: #f5ba00 !important;
	}





	
	#hd .optimem .ib-top img{
		margin: 0;
	}
	#hd .optimem .ib-top p{
		line-height: 1.1em
	}
	#hd .optimem .txtlist{
	
	}

	#hd .optimem .fixmiddle{
		margin-left: 60px;
	}



	#hd .optimem .txtlist li{
		position: relative;
		margin-bottom: 10px
	}
	#hd .optimem .txtlist li p{
		padding-left: 10px;
	}
	#hd .optimem .txtlist li:after{
		content: "";
		color: #f5ba00;
		position: absolute;
		left: 0;
		top: 10px;
		width: 5px;
	    height: 5px;
	    border-radius: 6px;
	    background: #f5ba00;
	}
	#hd .optimem .w950{
		margin-bottom: 50px;
	}
	#hd .optimem .col45 .space_between{
		display: flex;
  		justify-content: space-between;
  		margin-bottom: 40px;
  		margin-top: 30px
	}
	#hd .optimem .col45 .txt-grey{
		font-size: 14px;
	}
	#hd .hd_sec_audio .w1200{
		/*text-align: right;*/
	}
	#hd .hd_sec_audio .w1200 .col40{
		text-align: left;
	}
	#hd .hd_sec_audio .w1200 .col40 h4,
	#hd .hd_sec_audio .w1200 .col40 h3{
		margin-left: 25px;
	}
	#hd .hd_sec_audio .w1200 .col40 h3{
		margin-bottom: 25px;
	}
	#hd .hd_sec_audio .spec{
		color: #f5ba00;
    	margin-bottom: 10px;
	}
	#hd .hd_sec_audio .w1200 .col40 img{
		margin: 0;
	}
	#hd .hd_sec_audiomode .col50{
		vertical-align: top;
	}

/* power_btns */
#hd .sub_tab{
	padding: 40px 0;
	/*max-width: 1200px;*/
	width: 90%;
    margin: 0 auto;
    position: relative;
}
#hd ul.sub_tab_btns{
	width: 100%;
    text-align: center;
    display: inline-flex;
}
#hd ul.sub_tab_btns li{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 0 1.5%;
    transform: skewX(-20deg);
}

/*---Connectivity_btn--*/
#hd ul.two_btn{

	justify-content:center;
}

#hd ul.two_btn li{
	width: 20%;
}


/*-----------*/


#hd ul.sub_tab_btns.sub_tab_thr li{
	width: 33%
}
#hd ul.sub_tab_btns.sub_tab_fiv li{
	width: 20%
}
#hd ul.sub_tab_btns li a{
	display: inline-flex;
	padding: 10px 20px;
	border: 2px solid #f5b901;
	width: 100%;
	text-align: center;
}
#hd ul.sub_tab_btns li a.active{
	background: #f5b901
}
#hd ul.sub_tab_btns li a p{
	padding-top: 0;
	margin: 0 auto;
	font-size: 17px;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Roboto';
	color: #f5b901;
	transform: skewX(20deg);
	text-transform:uppercase;
}
#hd ul.sub_tab_btns li a.active p{
	color: #000
}

/**/

#hd .power_area,
#hd .easy_area,
#hd .audio_area{
	display: none
}


#hd .power_area h4{
margin-left: 7px;
}


#hd .power_area.active,
#hd .easy_area.active,
#hd .audio_area.active{
	display: block;
}


/*connectivity_area*/

#hd .connectivity_area{
	display: none
}

#hd .connectivity_area.active{
	display: block;
}

/*------------*/





#hd h3.tab_title{
	color: #fff !important;
	margin: 40px 0 20px;;
	text-align: center;
}
#hd .hd_color_design h4 b{
	color: #ffce12
}
#hd .cf:after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    #hd_kv #colorbox{
		width: 100%;
	    height: 0;
	    padding-bottom: 110%;
	    position: absolute;
	    top: 1px;
	    right: 1px;
	    z-index: -1;
	    overflow: hidden;
	}
	#hd_kv #colorbox #color{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	/*#hd_way .overlay-img .hd-img-colorrun{
		display: none
	}
	#hd #hd_way #colorbox{
		width: 100%;
	}*/
}