@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: #010814;
		color:#fff;
		font-size: 16px;
		/*margin-top: -40px*/
		position: relative;
		z-index: 0;
	}
	#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;
	}





	#overview #sectionOverview { /*20200212*/
	    padding: 0px;
	}



/* ---------- 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;
		font-weight: 300
	}
	/*#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: 72px;
		line-height: 72px;
		margin-bottom: 30px;
		width: 100%;
		position: relative;
		/*text-align: center;*/
		color: #1cf7ff !important;
	}
	/*#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;
		font-weight: 400;
		color: #1cf6ff !important;
	}
	#hd a.hd_link{
		color: #02b1e4;
	}
	#hd #top_word{
		color: #1cf6ff !important;
		margin-top: 0;
	}
	#hd #top_word.gradual{
		background: #1cf6ff; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #e29e04, #fedca2, #1cf6ff, #e7c16c, #fedca2, #c08d1b,#fbae01); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #e29e04, #fedca2,  #1cf6ff, #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-size: 25px;
		font-weight: 400;
		margin-top: 10px;
		margin-bottom: 15px;
		/*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: #1cf6ff;
		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: #1cf6ff;
		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 .col05,
	#hd .col10,
	#hd .col20,
	#hd .col25,
	#hd .col30,
	#hd .col33,
	#hd .col40,
	#hd .col45,
	#hd .col50,
	#hd .col55,
	#hd .col60,
	#hd .col65 {
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .col05 {width: 5%; }
	#hd .col10 {width: 10%; }
	#hd .col20 {width: 20%; }
	#hd .col30 {width: 30%; }
	#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 .col65 {width: 60%; }
	#hd .col40 {width: 40%; }

	#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;
	}
	#hd .section_info{
		position: relative;
		z-index: 1;
		margin: 30px auto 0px;
	}
/* ---------- 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: #1cf6ff;
	}
	#fp-nav ul li:hover a span {
		background-color: #1cf6ff;
	}
	#fp-nav ul li .fp-tooltip {
		color: #1cf6ff;
		max-width: 250px
	}
/* ---------- 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 #1cf6ff;
		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: #1cf6ff;
		box-shadow: 0 0 10px #1cf6ff;
	}
/* ---------- 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;
		max-width: 519px
	}
	#hd .overlay-img .hd-img-stable {
		position: relative;
		z-index: 8;
		width: 100%;
	}
	#hd .hd-img-colorrun {
		position: absolute;
		z-index: 9;
		width: 100%;
		top: 0;
		left: 0;
		/*
		-webkit-animation: colorrun 5s linear;
		-moz-animation: colorrun 5s linear;
		-ms-animation: colorrun 5s linear;
		-o-animation: colorrun 5s linear;
		animation: colorrun 5s linear;
		animation-iteration-count: infinite;
		*/
		animation: breathing 5s linear;
		animation-iteration-count: infinite;
	}
	#hd .hd-armoury-colorrun {
		-webkit-animation: colorrun 5s linear;
		-moz-animation: colorrun 5s linear;
		-ms-animation: colorrun 5s linear;
		-o-animation: colorrun 5s linear;
		animation: colorrun 5s linear;
		animation-iteration-count: infinite;
	}
/**/
#hd .cubes {
    position: absolute;
    display: none; /*20200212*/
    top: 0;
    z-index: 0;
    width: 100%;
    height: 1024px;
    max-width: 1920px;
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}
#hd .cubes div {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}
#hd .cubes .a {
    background: rgba(2, 178, 228, 0.2);
    width: 100%;
    z-index: 3
}
#hd .cubes .b {
    background: rgba(2, 178, 228, 0.1);
    left: auto;
    right: 100%;
    width: 57.5%;
    height: 97%;
    z-index: 2
}
#hd .cubes .c {
    background: rgba(2, 178, 228, 0.07);
    left: 100%;
    width: 28.75%;
    z-index: 1
}
#hd .cubes .d{
	background: url(../img/bg_a.png) left bottom no-repeat;
	left: 0%;
    right: auto;
    width: 100%;
    height: 75%;
    background-size: 100% 100%;
    top: 25%;
    z-index: 0
}
#hd .cubes .e{
	background: url(../img/bg_b.png) right bottom no-repeat;
	left: 70%;
    right: auto;
    width: 100%;
    height: 75%;
    background-size: 100% 100%;
    top: 25%;
    z-index: 0
}
/* ---------- hd_kv ---------- */
	#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 ---------- */
	#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 .w1200>img {
		padding-right: 10.5%;
	}
	#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: 260px;
	}
	#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: 0;
	}
	#hd .hd_sec_spec ul li:nth-child(-n+10) {left: 3%;}
	#hd .hd_sec_spec ul li:nth-child(1) {top: 12.1%;}
	#hd .hd_sec_spec ul li:nth-child(2) {top: 14.5%;}
	#hd .hd_sec_spec ul li:nth-child(3) {top: 19.4%;}
	#hd .hd_sec_spec ul li:nth-child(4) {top: 27.8%;}
	#hd .hd_sec_spec ul li:nth-child(5) {top: 37.4%;}
	#hd .hd_sec_spec ul li:nth-child(6) {top: 42%;}
	#hd .hd_sec_spec ul li:nth-child(7) {top: 44.6%;}
	#hd .hd_sec_spec ul li:nth-child(8) {top: 50.3%;}
	#hd .hd_sec_spec ul li:nth-child(9) {top: 52.9%;}
	#hd .hd_sec_spec ul li:nth-child(10) {top: 60.5%;}

	#hd .hd_sec_spec ul li:nth-child(n+11) {left: 73%; }
	#hd .hd_sec_spec ul li:nth-child(11) {top: 19.4%;}
	#hd .hd_sec_spec ul li:nth-child(12) {top: 26.4%;}
	#hd .hd_sec_spec ul li:nth-child(13) {top: 34.3%;}
	#hd .hd_sec_spec ul li:nth-child(14) {top: 46.3%;}
	#hd .hd_sec_spec ul li:nth-child(15) {top: 57.5%;}
	#hd .hd_sec_spec ul li:nth-child(16) {top: 61.2%;}
	#hd .hd_sec_spec ul li:nth-child(17) {top: 67%;}
	#hd .hd_sec_spec ul li:nth-child(18) {top: 71.1%;}
/*	#hd .hd_sec_spec ul li:nth-child(19) {top: 85.9%; }
	#hd .hd_sec_spec ul li:nth-child(20) {top: 90.8%; }
	#hd .hd_sec_spec ul li:nth-child(20) {top: 85.5%; }
	#hd .hd_sec_spec ul li:nth-child(22) {top: 79.8%; }
	#hd .hd_sec_spec ul li:nth-child(23) {top: 86.5%; }
	#hd .hd_sec_spec ul li:nth-child(24) {top: 90.8%; }*/
	#hd .xpert_hight{ 	height: 225px; 	}

#hd_intro {
    padding-top: 100px;
    padding-bottom: 120px;
    background-position: 50% 50%;
    background-color: #191919;
    border-top: #3cfae0 5px solid;
    /*border-bottom: #3cfae0 5px solid*/
}
#hd_intro .text {
    width: 92.15686%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
#hd_intro .text .heading {
    margin-bottom: 40px
}
#hd_intro .text .heading img {
    margin-left: auto;
    margin-right: auto
}
@media (max-width: 640px) {
    #hd_intro {
        padding-top: 40px;
        padding-bottom: 40px
    }
    #hd_intro .text {
        width: 92%;
        text-align: left
    }
    #hd_intro .text .heading img {
        width: 46.875%;
        min-width: 240px
    }
}

/* ---------- hd_reliability ---------- */
	#hd #hd_reliability {
		padding: 130px 0 0;
		position: relative;
		margin-bottom: 0px;
		border-top: #3cfae0 5px solid; /*20200317*/
	}
	/*#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: inherit;
		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 h3 span
	#hd .hd-sec-alliance .hd-magnifier {
		position: relative;
		width: 95%;
		margin: auto;
		padding-bottom: 95%;
	}
	#hd .hd-sec-alliance h3{
		/*margin-bottom: 30px*/
	}
	#hd .hd-sec-alliance h3.info_title{
		/*border-bottom: 1px #1cf7ff solid;*/
	}
	#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;
		padding-bottom: 0px;
		margin-top: 0px;
		font-size: 30px;
		margin-bottom: 0px;
		font-weight: 400
	}
	#hd .hd-sec-alliance h3 img {
		width: 95px;
	}
	#hd .hd-sec-alliance p {
		/*max-width: 595px;*/
	}
	#hd .hd-sec-alliance .power_area img{
		padding-left: 5%
	}
	#hd .hd-sec-alliance .power_area img.add{/*20200317*/
		padding-left: 0;
		margin: 0;
	}
	#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-storage .w1400{
		padding: 50px 0 150px;
	}
	#hd .hd-sec-storage .w1300 {
		padding: 50px 0 150px;
	}
	#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%;
		margin-left: 4%;
		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: #1cf6ff;
	}
	#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 #1cf6ff;
		background-color: #1cf6ff;
	}
	#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.eq3: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 #1cf6ff;
		padding:20px 15px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	#hd .hd_armoury_filter li.hd_active{
		background: #1cf6ff;	}
	#hd .hd_armoury_filter li h4{
		color:#1cf6ff;
		margin: 0 auto;
		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:#1cf6ff;
	}
	#hd .hd_armoury_filter li.hd_active h4{
		color:#000;
	}
	#hd .hd-sec-armoury{
		padding-bottom: 0px
	}
	#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: #1cf6ff; }
	#hd .hd-sec-armoury .hd_btn{
		display: inline-block;
		padding:10px 20px;
		font-size: 1.125em;
		font-weight: bold;
		color:#1cf6ff;
		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, #1cf6ff, #1cf6ff, #1cf6ff);
	}
	#hd .hd-sec-armoury .hd_btn:hover{
		color:#1cf6ff;
	}
/* ---------- hd_cooling ---------- */
	#hd #hd_cooling {
		padding: 100px 0 0px;
		position: relative;
		border-top: #3cfae0 5px solid;
		z-index: 0
	}
	#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_sec_overclock .card_ui{
		display: inline-block;
		vertical-align: bottom;
		width: 80%;
		position: relative;
	}
	#hd .hd_sec_overclock .card_ui_img{
		width: 70%;
		margin:0 0 0 auto;
	}
	#hd .hd_sec_overclock .card_ui_img img{
		max-width: 684px !important;
    	width: 100%;
	}
	#hd .hd_sec_overclock .card_ui_img > ul{
		display: none;
	}
	#hd .hd_sec_overclock .hd_txt li{
		width: 100%;
		text-align: left;
		position: absolute;
		left: 1.5%;
	}
	#hd .hd_sec_overclock .hd_txt li p,
	#hd .hd_sec_overclock .hd_txt li img{
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
		line-height: 1.2em
	}
	#hd .hd_sec_overclock .hd_txt li p{
		width: 27%;
		color: #1cf7ff;
		font-size: 18px;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(1){
		top: 15%;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(2){
		top: 55%;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(1) p{
		padding-top: 2%;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(1) img{
		width: 36%;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(2) p{
		width: 28%;
	}
	#hd .hd_sec_overclock .hd_txt li:nth-child(2) img{
		width: 9%;
	}
	#hd .hd_sec_overclock .bar{
		display: inline-block;
		vertical-align: bottom;
		width: 20%;
		margin-left: -10px;
	}
	#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/heatsinks/Fan-Xpert-bg.jpg) right top no-repeat;
		background-size: 60%;*/
		padding: 0 0 150px;
		/* 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:50px 0 ;
	}
	#hd .hd_sec_fan .hd-filter li{
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin:35px 0 35px -5px;
		padding:0 1% 0 0;
		cursor: pointer;
	}
	#hd .hd_sec_fan .hd-filter li small{
		font-size: 18px;
		color: #6b6b6b
	}
	#hd .hd_sec_fan .hd-filter li.hd-active small{
		color: #02b1e4
	}
	#hd .hd_sec_fan .hd-content{
		position: relative;
		max-width: 550px;
		padding: 20px 5%;
		background: #015674;
		background: -moz-linear-gradient(left, rgba(1, 86, 116, 0) 0%, #015674 100%);
		background: -webkit-linear-gradient(left, rgba(1, 86, 116, 0) 0%, #015674 100%);
		background: linear-gradient(to right, rgba(1, 86, 116, 0) 0%, #015674 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011423', endColorstr='#011423',GradientType=1 );
		min-height: 180px;
	}
	/*#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; text-align: left; font-size: 18px  }

	#hd .fan_icon{
		background-image: url(../img/heatsinks/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: 100px 0 0px 0;
		position: relative;
		border-top: #3cfae0 5px solid;
	}
	#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 .col62{
	    width: 100%;
		text-align: center;
		margin: 0 auto;
    	position: relative;
    	max-width: 1100px;
	}
	#hd #hd_way .col62 p {
	    padding: 30px 0 20px 0;
	}
	#hd #videoHero {
		width: 100%;
	}
	#hd #videoHero::-webkit-media-controls-fullscreen-button {
		display: none;
	}

	#hd #hd_difference {
		padding: 100px 0 0px 0;
		position: relative;
		border-top: #3cfae0 5px solid;
		overflow: hidden;
	}
	#hd #hd_difference: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_difference .col62{
	    width: 100%;
		text-align: center;
		margin: 0 auto;
    	position: relative;
    	max-width: 1100px;
	}
	#hd #hd_difference .col62 p {
	    padding: 30px 0 20px 0;
	}
/* ---------- 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 0px; }
	#hd .hd_sec_audio .w1200{
		z-index: 2;
	}
	#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 #1cf6ff;
		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 #1cf6ff;
		/*border-right: 2px solid #1cf6ff;*/
		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 #1cf6ff;
		border-right: 2px solid #1cf6ff;
		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 #1cf6ff;
		width: 5%;
		height: 0;
		right: 105%;
		bottom: 40%;
	}
	#hd .hd_sec_audio .txt-box li:nth-child(4) h4:after {
		border-top: 2px solid #1cf6ff;
		border-right: 2px solid #1cf6ff;
		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{ /*20200409*/
		position: relative;
		z-index: 1;
		padding-right: 0px;
		padding-left: 50px;
		margin-top: 150px;
	}
	#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: 30px;
		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: 300;
		font-size: 14px;
		letter-spacing: 1px;
		color: #fff
	}

	#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{
		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: 661px !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_turbo ---------- */
	#hd .hd_sec_turbo{
		padding: 0px 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: 80%;
		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%;
	}
	#hd .hd_sec_turbo .hd_txt li:nth-child(2){
		top: 40%;
	}
	#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: 18%;
	}
	#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{
        margin-top: 50px;
    }
	#hd .hd_sec_intel {
		padding: 0px 0 50px 0;
		padding-bottom: 0; /*20200328*/
		max-width: 1050px;
		position: relative;
	}
	#hd .hd_sec_intel.mad_line{
		margin-top: 100px;
		padding-top: 100px
	}
	#hd .hd_sec_intel.mad_line:before{
	    content: "";
	    width: 200%;
	    border-top: #3cfae0 5px solid;
	    position: absolute;
	    left: -50%;
	    top: 0;
	}
	#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: 50px;
		margin-bottom: 0px; /*20200328*/
	}
	#hd .hd_sec_intel .hd_content h4{
		margin-top: 0;
		color: #1cf7ff
	}
/*	#hd .hd_sec_intel .hd_content p {
		color: #a3a3a3
	}*/
	#hd .hd_sec_intel .col62 h2{
		display: inline-block;
		margin-bottom: 60px
	}
/* ---------- 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, #1cf6ff,#1cf6ff, #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: .1 }
	}
	@keyframes breathing {
		0% {opacity: 1 }
		50% {opacity: .1 }
	}

	@-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 .col62,
	#hd #hd_reliability .col62,
	#hd #hd_way .col62{
		width: 100%;
		text-align: center;
		margin: 0 auto;
    	position: relative;
    	max-width: 1100px;
	}
	#hd #hd_reliability .col62 p{
		padding: 30px 0 20px 0;
	}
	#hd #hd_way .col62 p{
		padding: 30px 0 20px 0;
	}
	#hd #hd_cooling .col62 p{
		padding: 30px 0 20px 0;
	}
	#hd #hd_cooling .easy_area{
		padding-bottom: 80px
	}
	#hd #hd_cooling .easy_area.easy_area_n .col40 p.note{
		padding-left: 20px
	}
	@media (max-width: 640px) {
		#hd #hd_cooling .easy_area.easy_area_n .col60,
		#hd #hd_cooling .easy_area.easy_area_n .col40{
			width: 100%
		}
		#hd #hd_cooling .easy_area.easy_area_n{
			padding-bottom: 160px
		}
	}
	#hd #hd_cooling .textbox_heatsinks{
		position: relative;
		display: inline-block;
	}
	#hd #hd_cooling .textbox_heatsinks .textbox_info{
		position: absolute;
		width: 25%;
		top: 69%;
		top: 70%; /*20200317*/
		left: 11%;
		font-size: 14px;
		text-align: left;
	}
	#hd #hd_cooling .hd_heatsinks .txtinfo_list{
		text-align: left;
	    list-style-position: outside;
	        width: 100%;
	    margin: 0 auto 20px;
	    padding-left: 20px;
	}
	#hd #hd_cooling .hd_heatsinks .txtinfo_list li{
		list-style: disc ;
		margin-bottom: 10px
	}
	#hd #hd_cooling .hd_heatsinks .txtinfo_list li b{
		font-weight: 500
	}
	/* ---------- 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;
    	z-index: 1
	}
	/*#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: 100%;
		max-width: 1580px;
    	margin: 0 auto;
	    display: flex;
	    justify-content: center;
	    padding: 0 0;
	    position: relative;
	}
	/*#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: 25%;
	    color: #808080;
	    cursor: pointer;
	    position: relative;
	    margin: 0 -1%;
    	padding: 40px 1% 30px;
    	/*padding: 40px 3px 30px 3px;*/
	}
	#hd .hd-menu.hd-menu-two li{
		margin: 0
	}
	#hd .hd-menu.hd-menu-two .eq2{
		background: url(../img/btn_bk_01_b.png) no-repeat;
		background-size: 100% 100%;
	}
	#hd .hd-menu.hd-menu-two .eq2 a *{
		left: 13%
	}
	#hd .hd-menu.hd-menu-two .eq4 a *{
		right: 13%
	}
	#hd .hd-menu.hd-menu-two .eq2:hover,
	#hd .hd-menu.hd-menu-two .eq2.hd-active{
		background: url(../img/btn_bk_01_a.png) no-repeat;
		background-size: 100% 100%;
	}
	#hd .hd-menu.hd-menu-two .eq2 a:before{
		display: none;
	}
	#hd .hd-menu.hd-menu-two .eq4{
		background: url(../img/btn_bk_02_b.png) no-repeat;
		background-size: 100% 100%;
	}
	#hd .hd-menu.hd-menu-two .eq4:hover,
	#hd .hd-menu.hd-menu-two .eq4.hd-active{
		background: url(../img/btn_bk_02_a.png) no-repeat;
		background-size: 100% 100%;
	}
	#hd .hd-menu.hd-menu-two .eq4 a:before{
		display: none;
	}
	#hd .hd-menu.hd-menu-three li{
		width: 19%;
	}
	#hd .hd-menu.hd-menu-four li{
		width: 20%;
	}
	#hd .hd-menu li.eq3{
		width: 27%
	}
	/*#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.eq2:before{
		border-right: none;
	}
	#hd .hd-menu li.eq4:before{
		border-left: none;
	}
	#hd .hd-menu li.eq5:before{
		border-left: none;
	}
	#hd .hd-menu li.eq3:before{
		transform: scaleY(1.45) perspective(360px) rotateX(-48deg);
    transform-origin: center;
    bottom: 0;
    top: 13%;
    width: 111%;
    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: #1b1b1b;
	    background-image: linear-gradient( rgba(0, 0, 0, 0.2), rgba(255,255,255,0));
	    z-index: -1;
	    -webkit-transform: skew(35deg);
	    -moz-transform: skew(35deg);
	    -o-transform: skew(35deg);
	    -ms-transform: skew(35deg);
	    transform: skew(35deg);
	    transform-origin: center;
	    border-width: 6px;
	    border-color: #323232;
	    border-style: solid;
	    bottom: 0%;
	    z-index: 0;
	}
	#hd .hd-menu li.eq1 a:before{
		border-radius: 0 20px 0 20px;
		z-index: 1;
	}
	#hd .hd-menu li.eq2 a:before{
		border-radius: 0 20px 0 0px;
	}
	#hd .hd-menu li.eq2.eq_four a:before,
	#hd .hd-menu li.eq4.eq_four a:before{
		-webkit-transform: skew(0deg);
	    -moz-transform: skew(0deg);
	    -o-transform: skew(0deg);
	    -ms-transform: skew(0deg);
	    transform: skew(0deg);
	}
	#hd .hd-menu li.eq2.eq_four{
		width: 25%;
		margin: 0 -3px 0 -5%
	}
	#hd .hd-menu li.eq4.eq_four{
		width: 25%;
		margin: 0 -5% 0 -3px
	}
	#hd .hd-menu li.eq1 a *{
		left: 2%;
		left: 8%; /*20200317*/
	}
	#hd .hd-menu li.eq2 a *{
		left: 5%
	}
	#hd .hd-menu li.eq2.eq_four a *{
		left: 10%;
		left: 14%; /*20200317*/
	}
	#hd .hd-menu li.eq4 a *{
		right: 8%
	}
	#hd .hd-menu li.eq4.eq_four a *{
		right: 13%
	}
	#hd .hd-menu li.eq5 a *{
		right: 6%
	}
	#hd .hd-menu li.eq3 a:before{
	    transform: scaleY(1.2) perspective(160px) rotateX(-50deg);
	    transform-origin: center;
	    top: 20%;
	    bottom: -23.5%;
	    border-radius: 0px;
	    border-width: 6px;
	    border-top-width: 3px;
	    border-bottom-width: 13px;
	    border-color: #323232;
	    border-top-color: #000;
	    border-style: solid;
	    z-index: -1
	}
	#hd .hd-menu li.eq4 a:before,
	#hd .hd-menu li.eq5 a:before {
	    -webkit-transform: skew(-35deg);
	    -moz-transform: skew(-35deg);
	    -o-transform: skew(-35deg);
	    -ms-transform: skew(-35deg);
	    transform: skew(-35deg);
	}
	#hd .hd-menu li.eq4 a:before{
		border-radius: 20px 0 0 0px;
	}
	#hd .hd-menu li.eq5 a:before{
		border-radius: 20px 0 20px;
	}
	#hd .hd-menu li:hover a: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: #1cf6ff;
    	/*background-size: 200%;*/
	}
	#hd .hd-menu li.hd-active a h4{
		color: #000;
	}
	#hd .hd-menu li.eq3 a:hover:before,
	#hd .hd-menu li.eq3.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: 5px;
		max-height: 65px;
	}
	#hd .hd-menu li .active-img{
		display: none;
	}
	#hd .hd-menu li:hover .active-img,
	#hd .hd-menu li.hd-active .active-img{
		display: block;
	}
	#hd .hd-menu li:hover .static-img,
	#hd .hd-menu li.hd-active .static-img{
		display: none;
	}
	#hd .hd-menu li h4 {
	    font-size: 17px;
    	letter-spacing: 0px;
	    color: inherit;
	    margin-top: 0;
	    margin-bottom: 0;
	    font-family: 'Roboto';
	    color: #1cf6ff
	}
	#hd .hd-menu li:hover h4{
		color: #000;
	}
	#hd .hd-menu li h4,
	#hd .hd-menu li img{
		text-transform: none;
		position: relative;
		z-index: 1;
	}
	#hd .hd-details .scroll-active {
		/*padding-bottom: 50px*/
	}
	/* ---------- hd-details ---------- */
	#hd .hd-details .hd-detail {
    	display: none;
	}
	#hd .hd-details .leran {
    	color: #1cf6ff;
    	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;
	    position: relative;
	    z-index: 1
	}
	#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: #1cf6ff;
		font-weight: 600;
    	font-size: 22px;
	}
	#hd .hard_duty .optimem p{
		/*margin-bottom: 50px;*/
	}
	#hd #hd_cooling .left{
		padding-right: 5%;
	}
	#hd #hd_cooling .right{
		padding-left: 2.5%;
	}
	#hd #hd-re-margin{
		margin: 0;
	}
	#hd .hd_heatsinks,
	#hd .hd_sec_ethernet .w1200{
		padding: 0 0;
	}
	#hd .hd_heatsinks .col50 h4{
		margin-bottom: 40px;
	}
	#hd .hd_heatsinks .col50 p{
		padding-right: 0%;
	}
	#hd .hd_sec_gpu .w1200{
		padding: 0px 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{
	    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;
	}
	#hd .optimem .ib-top .mbfix{
		color: #FFF;
		margin-bottom: 10px;
		font-weight: 700
	}
	#hd .optimem .ib-top .mbfix.yeal{
		color: #1cf6ff !important;
	}
	#hd .optimem .ib-top img{
		margin: 0;
	}
	#hd .optimem .ib-top p{
		line-height: 1.1em
	}
	#hd .optimem .txtlist{
		margin-bottom: 26px
	}
	#hd .optimem .txtlist li{
		position: relative;
		margin-bottom: 10px
	}
	#hd .optimem .txtlist li p{
		padding-left: 10px;
	}
	#hd .optimem .txtlist li:after{
		content: "";
		color: #1cf6ff;
		position: absolute;
		left: 0;
		top: 7px;
		width: 5px;
	    height: 5px;
	    border-radius: 6px;
	    background: #1cf6ff;
	}
	#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: #1cf6ff;
    	margin-bottom: 10px;
	}
	#hd .hd_sec_audio .w1200 .col40 img{
		margin: 0;
	}
	#hd .audio_area .hd_sec_intel img{
		width: 100%;
		max-width: 180px !important
	}
	#hd .hd_sec_audiomode .col50{
		vertical-align: top;
	}

/* power_btns */
#hd .sub_tab{
	padding: 10px 0;
	/*max-width: 1200px;*/
	width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2
}
#hd ul.sub_tab_btns{
	width: 100%;
    text-align: center;
    /*display: inline-flex;*/
    margin: 0 auto;
}
#hd ul.sub_tab_btns li{
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 4px);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 0 10px;
    max-width: 290px;
    /*transform: skewX(-20deg);*/
}
#hd ul.sub_tab_btns.sub_tab_thr li{
	width: calc(33% - 4px);
}
#hd ul.sub_tab_btns.sub_tab_fiv li{
	width: calc(20% - 4px);
	max-width: 230px;
}
#hd ul.sub_tab_btns li a{
	display: inline-flex;
	padding: 6px 20px;
	border: 2px solid #1cf6ff;
	width: 100%;
	text-align: center;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
-khtml-border-radius: 6px; /* for old Konqueror browsers */
min-height: 50px;
position: relative;
margin: auto
}
#hd ul.sub_tab_btns li a.active{
	background: #1cf6ff
}
#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: #1cf6ff;
	/*transform: skewX(20deg);*/
	/*text-transform:uppercase;*/
	line-height: 1em;
	position: absolute;
	top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#hd ul.sub_tab_btns li a.active p{
	color: #000
}
/**/

#hd .power_area,
#hd .robust_area,
#hd .easy_area,
#hd .fiveway_area,
#hd .audio_area,
#hd .uefi_area,
#hd .diy_area,
#hd .personalization_area{
	display: none;
}
#hd .power_area.active,
#hd .robust_area.active,
#hd .easy_area.active,
#hd .fiveway_area.active,
#hd .audio_area.active,
#hd .uefi_area.active,
#hd .diy_area.active,
#hd .personalization_area.active{
	display: block;
}

#hd h3.tab_title{
	color: #1cf7ff !important;
	margin: 40px 0 20px;
	font-weight: 400;
	text-align: center;
}
#hd .hd_color_design h4 b{
	color: #ffce12
}
#hd .cf:after {
    content: '';
    display: block;
    clear: both;
}
#hd a.x299_link{
	display: inline-block;
	margin: 0 10px 0 0;
	float: left;
	padding: 15px 40px;
	position: relative;
	color: #02b1e4;
	border: 2px solid transparent;
	border-image: linear-gradient(to right, #00cdc1 0%, #02b1e4 100%);
	border-image-slice: 1;
	font-size: 18px;
	font-weight: 400;
	cursor: default;
}
#hd a.x299_link:hover{
	/*color: #00cdc1;*/
	cursor: default;
}
/*#hd a.x299_link:before{
	position: absolute;
    content: '';
	display: block;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    background: #00e6d8;
    background-image: -webkit-linear-gradient(left, #00e6d8, #01bae2, #02b1e4);
    background-image: -o-linear-gradient(left, #00e6d8, #01bae2, #02b1e4);
    background-image: -moz-linear-gradient(left, #00e6d8, #01bae2, #02b1e4);
    background-image: linear-gradient(to right, #00e6d8, #01bae2, #02b1e4);
    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 a.x299_link:after {
	position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 0;
}*/
@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%;
	}*/
}

/*Back to the top*/
#hd .tab-back {
	position: absolute;
	bottom: 20px;
	left: calc(50% - 25px);
    z-index: 2;
    margin: 20px auto;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}
#hd .tab-back a{
    width: 43px;
    height: 43px;
    display: inline-block;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(48deg, #00e6d8 0%, #02b2e4 100%);
    background-image: linear-gradient(48deg, #00e6d8 0%, #02b2e4 100%);
    cursor: pointer;
    -moz-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    -o-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    -webkit-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
}
#hd .tab-back span{
    cursor: pointer;
    position: absolute;
    width: 600px;
    left: -278px;
    text-align: center;
}
@media screen and (max-width: 500px) {
	#hd .tab-back span{
	    font-size: 14px;
	}
}
/*learn more*/
#hd .morebox {
    position: relative;
    z-index: 5
}
#hd .morebox-inner {
    display: none;
    overflow: hidden;
    background: #353535;
    margin-top: -70px;
    padding-bottom: 100px
}
#hd .morebox-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px
}
#hd .morebox-content:before,
#hd .morebox-content:after {
    content: "";
    display: table
}
#hd .morebox-content:after {
    clear: both
}
#hd .morebox-content {
    zoom: 1
}
#hd .morebox-toggle {
    position: relative;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    background-image: -webkit-linear-gradient(48deg, #00e6d8 0%, #02b2e4 100%);
    background-image: linear-gradient(48deg, #00e6d8 0%, #02b2e4 100%);
    cursor: pointer;
    -moz-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    -o-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    -webkit-transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s;
    transition: top .3s cubic-bezier(0.77, 0, 0.175, 1), opacity .15s
}
#hd .morebox-toggle b {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50% url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArAgMAAACcM5lTAAAACVBMVEUAAAD////2/f45mMz4AAAAAXRSTlMAQObYZgAAABhJREFUKM9jGFAgMNBs1lAQaBg07hkQAACV3AOPMkhbNgAAAABJRU5ErkJggg==");
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}
#hd .open .morebox-toggle b{
	-moz-transform:rotate(45deg);
	  -webkit-transform:rotate(45deg);
	  -o-transform:rotate(45deg);
	  -ms-transform:rotate(45deg);
	  transform:rotate(45deg);
}
#hd .morebox-toggle span {
    display: block;
    width: 380px;
    text-align: center;
    position: absolute;
    left: 0;
    margin-left: -165px;
    top: -29px;
    font-size: 14px;
    line-height: 1;
    color: #1cf7ff;
    opacity: 1;
    -moz-transition: color .2s, opacity .2s;
    -o-transition: color .2s, opacity .2s;
    -webkit-transition: color .2s, opacity .2s;
    transition: color .2s, opacity .2s
}
#hd .morebox-toggle:hover,
#hd .morebox-toggle:active {
    background: #01d0dd
}
#hd .morebox-toggle:hover span,
#hd .morebox-toggle:active span {
    color: #eee
}
#hd .morebox-toggle:active {
    opacity: .7
}
#hd .morebox.open .morebox-toggle {
    top: -21.5px
}
#hd .morebox.open .morebox-toggle b {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
#hd .morebox.open .morebox-toggle span {
    opacity: 0
}
/**/
#hd .hd-sec-connectivity{
	padding: 0px
}
#hd .hd-sec-connectivity .connectivity_learn_left{
	position: relative;
	padding: 20px 5% 50px;
}
#hd .hd-sec-connectivity .connectivity_learn_right{
	position: relative;
	padding: 20px 5% 50px;
}
#hd .hd-sec-connectivity .connectivity_learn_right:after{
	content: "";
	position: absolute;
	background: #1b1b1b;
	width: 100%;
	height: 200%;
	top: -20%;
	left: 0;
	z-index: -1
}
#hd .hd-sec-connectivity .robust_area_e,
#hd .hd-sec-connectivity .robust_area_f,
#hd .hd-sec-connectivity .robust_area_g,
#hd .hd-sec-connectivity .robust_area_h{
	padding-bottom: 150px;
}
#hd .hd-sec-connectivity .robust_area_e .w1200{
	padding-top: 50px;
}
#hd .hd-sec-connectivity .robust_area_g .w1200{
	padding-top: 50px;
}
#hd .hd-sec-connectivity .robust_area_h .w1200{
	padding-top: 50px;
}
#hd .hd-sec-connectivity .robust_area_i .w1200{
	padding-top: 50px;
	padding-bottom: 80px
}
#hd .hd-sec-connectivity .robust_area_i .tab_title{
	position: relative;
	display: inline-block;
	color: #02b1e4 !important;
	font-size: 43px;
	font-weight: 300
}
#hd .hd-sec-connectivity .robust_area_i .tab_title:after{
	content: '';
    position: absolute;
    bottom: 8px;
    left: -40px;
    background-image: url(../img/connectivity/icon_title.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 37px;
}
/*#hd .hd-sec-connectivity .robust_area_i h4{
	margin: 0px auto 15px;
	font-weight: 300;
	font-size: 20px
}*/
/*sec-info*/
#hd .sec-info{
	background: #161616;
	padding-bottom: 150px;
}
/**/
#hd .hd_sec_overclock .card_ui{
	/*direction: rtl;*/
}
/**/
#hd #hd_sec_chokes .multi_gpu_changebox{
	position: relative;
}
#hd #hd_sec_chokes .multi_gpu_changebox ul{
	    position: absolute;
    display: inline-block;
    width: 33%;
    top: 22%;
    right: 6%;
}
#hd #hd_sec_chokes .multi_gpu_changebox ul li{
	display: inline-block;
	width: 100%;
	margin-bottom: 20px
}
#hd #hd_sec_chokes .multi_gpu_changebox ul li a{
	display: inline-block;
	width: 100%;
	background: #17d9ee;
	padding: 40px 30px;
	text-align: center;
	color: #fff;
	font-size: 26px;
}
#hd #hd_sec_chokes .multi_gpu_changebox ul li a.multi_gpu_changebox_btn{
	opacity: 0.5
}
#hd #hd_sec_chokes .multi_gpu_changebox ul li a.multi_gpu_changebox_btn:hover,
#hd #hd_sec_chokes .multi_gpu_changebox ul li a.multi_gpu_changebox_btn.active{
	opacity: 1
}

#hd #hd_sec_chokes .multi_gpu_changebox .lane_img{
	display: none;
}

#hd #hd_sec_chokes .multi_gpu_changebox .lane_img.active{
	display: block;
}
#hd .hd-sec-core .pic_memory{
	margin-top: -240px;
	margin-bottom: 150px
}
#hd .hd-sec-core .section_info{
	padding-bottom: 150px
}
#hd .hd-sec-core .note{
	margin: -200px auto 0;
	width: 50%;
}
/**/
#hd #hd_way .aibox{
	display: inline-block;
	border: 3px #1cf7ff solid;
	padding: 0 20px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px
}
#hd #hd_way .aibox img{
	padding: 0 5px
}
#hd #hd_way .aibox h3.info_title{
	font-size: 31px;
	margin-bottom: 0px
}
#hd #hd_way .hd_sec_fiveway .fiveway_chart{
	display: inline-block;
	margin: 20px auto 0px
}
#hd #hd_way .hd_sec_fiveway .fiveway_chart .note{
	max-width: 700px;
	margin: 0 auto
}
#hd #hd_way .hd_sec_fiveway .txtinfo_list{
	text-align: left;
    list-style-position: outside;
        width: 90%;
    margin: 0 auto;
    padding-left: 20px;
}
#hd #hd_way .hd_sec_fiveway .txtinfo_list li{
	list-style: disc ;
}
#hd #hd_way .fiveway_sec{
	background: #222;
	padding: 50px 0 150px;
	margin-top: 50px;
}
#hd #hd_way .fiveway_sec p.w1000{
	padding-bottom: 25px;
	padding-top: 15px;
}
#hd #hd_way .fiveway_sec h3{
	margin-bottom: 15px;
	margin-top: 40px;
	/*line-height: inherit;*/
}
#hd #hd_way .fiveway_sec h3 span {
    padding-right: 20px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 24px;
}
#hd #hd_way .fiveway_sec .txt-left p{
	margin-bottom: 8px
}
#hd #hd_way .fiveway_sec .txt-left p b{
	color: #1cf7ff;
	font-size: 19px;
}

/*#hd #hd_difference .diy_area h3.info_title,
#hd #hd_difference .personalization_area h3.info_title{
	padding-right: 20px;
    margin-top: 0px;
    font-size: 30px;
    margin-bottom: 0px;
    font-weight: 400;
}*/
#hd .sub_tab h3{
	border-bottom: none;
	width: 100%;
	font-size: 30px;
	    margin-top: 40px;
}
/*#hd .hd-sec-alliance .power_area p,
#hd #hd_difference .diy_area p,
#hd #hd_difference .personalization_area p{
	color: #a3a3a3
}*/
#hd #hd_difference .hd_diy,
#hd #hd_difference .hd_audio,
#hd #hd_difference .hd_personalization,
#hd #hd_difference .hd_controlconsole{
	padding-bottom: 150px
}
#hd #hd_difference .diy_area img.pdl5{
	padding-left: 5%
}
#hd .ratio_box{
	margin: 50px auto 50px;
}
#hd .ratio_box h3{
	font-size: 24px;
	line-height: 1.2em
}
#hd .ratio_box h3 span{
	padding-right: 20px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 24px;
}
#hd .ratio_box p{
	/*color: #a3a3a3;*/
	font-size: 18px;
	line-height: 1.2em;
	padding-right: 20px; /*20200328*/
}
#hd .hd_personalization .personalization_area_a,
#hd .hd_personalization .personalization_area_c{
	padding-top: 50px
}
#hd .hd_personalization .gifbox{
	position: relative;
	display: inline-block;
}
#hd .hd_personalization .gifbox .gifbox_gif{
	 position: absolute;
    width: 35%;
    top: 40%;
    left: 30%;
}
#hd .hd_controlconsole .gifbox{
	position: relative;
	display: inline-block;
}
#hd .hd_controlconsole .gifbox .gifbox_gif{
	position: absolute;
    width: 12%;
    top: 8.5%;
    left: 44%;
}
#x299-ledstrip .strip {
    position: relative;
    overflow: hidden;
    width: 102.54902%;
    height: 0;
    padding-top: 4.90196%;
    margin-left: -10px
}

#x299-ledstrip .strip .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 300%
}

#x299-ledstrip .strip .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media (max-width:960px) {
    #x299-ledstrip .strip {
        width: 81.71875%;
        max-width: 523px;
        margin-left: auto;
        margin-right: auto
    }
}

#x299-aurasync {
    padding-top: 150px;
    padding-bottom: 80px
}

#x299-aurasync .text {
    position: relative;
    z-index: 2;
    float: left;
    width: 49.01961%;
    margin-left: 1.96078%
}

#x299-aurasync .text .heading,
#x299-aurasync .text .subtitle {
    text-align: left
}

#x299-aurasync .text .heading {
    text-indent: -.8em
}

#hd #hd_difference .hd_controlconsole .smart_control_item{
	display: inline-block;
	width: 100%;
	max-width: 780px
}
#hd #hd_difference .hd_controlconsole .smart_control_item li{
	width: 23%;
    margin: 0 0 20px;
    padding: 10px;
    display: inline-block;
    float: left;
}
#hd #hd_difference .hd_controlconsole .smart_control_item li.se3{
	width: 31%
}
#hd #hd_difference .hd_controlconsole .smart_control_item li p{
	font-size: 34px;
	font-weight: 400;
	margin-bottom: 10px
}
#hd #hd_difference .hd_controlconsole .smart_control_item li span{
	font-size: 22px;
	font-weight: 300;
	color: #ccc
}

#x299-5way-tuning-detail .detail {
    position: relative;
    z-index: 2;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px
}
#x299-5way-tuning-detail .detail .bg {
    position: absolute;
    left: -150px;
    right: -250px;
    top: 10px;
    bottom: 0;
    margin: auto;
    background: #1b1b1b;
    -moz-transform: skewX(34deg);
    -ms-transform: skewX(34deg);
    -webkit-transform: skewX(34deg);
    transform: skewX(34deg)
}
#x299-5way-tuning-detail .detail .list {
    position: relative;
    z-index: auto
}
#x299-5way-tuning-detail .detail .owl-controls {
    display: none
}
#x299-5way-tuning-detail .detail .item {
    display: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}
#x299-5way-tuning-detail .detail .item:first-child {
    display: block
}
#x299-5way-tuning-detail .detail .item:before,
#x299-5way-tuning-detail .detail .item:after {
    content: "";
    display: table
}
#x299-5way-tuning-detail .detail .item:after {
    clear: both
}
#x299-5way-tuning-detail .detail .item {
    zoom: 1
}
#x299-5way-tuning-detail .detail .item .descr {
    float: right;
    width: 37.82383%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.59067%
}
#x299-5way-tuning-detail .detail .item .descr .tt {
    margin-bottom: .3em;
    line-height: 1.3;
    font-size: 1.5em;
    color: #02b2e4
}
#x299-5way-tuning-detail .detail .item .pic {
    float: left;
}
#x299-5way-tuning-detail .detail .item .pic img {
    width: 100%;
    max-width: 513px !important;
}
@media (max-width: 640px) {
    #x299-5way-tuning-detail .detail {
        margin-top: 0;
        background: #1b1b1b
    }
    #x299-5way-tuning-detail .detail .bg {
        display: none
    }
    #x299-5way-tuning-detail .detail .item .descr {
        float: none;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0
    }
    #x299-5way-tuning-detail .detail .item .pic {
        float: none;
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px
    }
}
#hd .tabmenu .outer{
	padding: 10px 0;
    /* max-width: 1200px; */
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#hd .tabmenu .outer .inner{
	    width: 100%;
    text-align: center;
    /* display: inline-flex; */
    margin: 0 auto;
}
#hd .tabmenu .outer .inner .item{
	width: calc(20% - 4px);
    max-width: 230px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 0 10px;
}
#hd .tabmenu .outer .inner .item a{
	display: inline-flex;
    padding: 6px 20px;
    border: 2px solid #1cf6ff;
    width: 100%;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    color: #1cf6ff;
}
#hd .tabmenu .outer .inner .item a p{
	padding-top: 0;
    margin: 0 auto;
    font-size: 17px;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Roboto';
    color: #1cf6ff;
}
#hd .tabmenu .outer .inner .item.on a{
	background: #1cf6ff;
}
#hd .tabmenu .outer .inner .item.on a p{
	color: #000;
}

/**/
#hd .robust_area_g .chart-figure {
    display: table;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 40px;
}
#hd .robust_area_g .chart-icon {
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em
}
@media (max-width: 432px) {
    #hd .robust_area_g .chart-icon img {
        width: 72px
    }
}
#hd .robust_area_g .chart-compare {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
#hd .robust_area_g .chart-compare .title {
    margin-bottom: .5em;
    color: #02b2e4;
}
#hd .robust_area_g .chart-compare .term {
    margin-right: 110px;
	margin-bottom: 20px;
}
#hd .robust_area_g #x299-overclocking .chart-compare .term {
    margin-right: 100px
}
#hd .robust_area_g .chart-compare .name {
    margin-bottom: .3em;
    font-size: .9375em
}
#hd .robust_area_g .chart-compare .vol {
    position: relative;
    width: 100%;
    height: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#hd .robust_area_g .chart-compare .vol .bar {
    display: block;
    width: 100%;
    height: 13px;
    -moz-transform: skewX(34deg);
    -ms-transform: skewX(34deg);
    -webkit-transform: skewX(34deg);
    transform: skewX(34deg)
}
#hd .robust_area_g .chart-compare .vol .value {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0 auto auto;
    left: 100%;
    margin-left: 10px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 10px
}
#hd .robust_area_g .chart-compare .vol .value small {
    font-size: 65%
}
#hd .robust_area_g .chart-compare .term.good .name {
    color: #02b2e4
}
#hd .robust_area_g .chart-compare .term.good .name-alt {
        color: #02b1e4;
    font-size: 23px;
}
#hd .robust_area_g .chart-compare .term.good .name-2 {
    color: #02b2e4;
    font-size: 2.2em;
    font-weight: bold;
}
#hd .robust_area_g .chart-compare .term.good .vol .bar {
    background-image: -webkit-linear-gradient(left, #02b2e4 0%, #00e6d8 100%);
    background-image: linear-gradient(to right, #02b2e4 0%, #00e6d8 100%)
}
#hd .robust_area_g .chart-compare .term.good .vol .value {
    color: #02b2e4;
    font-size: 42px;
    top: -10px;
}
#hd .robust_area_g .chart-compare .term.good .vol .value small{
	color: #02b2e4;
}
#hd .robust_area_g .chart-compare .term.bad {
    margin-top: .5em
}
#hd .robust_area_g .chart-compare .term.bad .name {
    color: #b3b3b3;
	font-size: 20px;
    margin-bottom: 15px;
}
#hd .robust_area_g .chart-compare .term.bad .vol .bar {
    background-image: -webkit-linear-gradient(left, #ddd 0%, #666 100%);
    background-image: linear-gradient(to right, #dddddd 0%, #666666 100%)
}
#hd .robust_area_g .chart-compare .term.bad .vol .value {
    color: #a0a0a0;
    font-size: 28px;
    top: -2px;
}
#hd .robust_area_g .chart-compare .term.bad .vol .value small{
	color: #a0a0a0;
}
@media (max-width: 432px) {
    #hd .robust_area_g .chart-compare .term {
        margin-right: 72px
    }
    #hd .robust_area_g .chart-compare .vol {
        font-size: 77%
    }
}

#hd .robust_area_g .chart-compare .cube {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    padding-top: 10px;
    border: 2px solid #02b2e4;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 55px;
    text-align: center;
    color: #02b2e4;
}
#hd .robust_area_g .chart-compare .cube .number{
    font-size: 2.3em;
    font-weight: bold;
}

@media (max-width: 432px) {
#hd .robust_area_g .chart-compare .term {
    margin-right: 50px
}
#hd .robust_area_g .chart-compare .cube {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 25px;
}
}

#hd .robust_area_g .chart-text{
    clear: both;
}
#hd .robust_area_g .chart-text .title {
    color: #02b2e4;
}
#hd .robust_area_g .chart-text ul {
    list-style-type: disc;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

#hd .robust_area_g .chart-descr {
    margin-top: 15px;
    font-size: 12px;
    color: #aaa
}








/*20200317*/


/*chart*/
#hd .chart-figure {
    display: table;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 40px;
}
#hd .chart-icon {
    width: 1%;
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em
}
@media (max-width: 432px) {
    #hd .chart-icon img {
        width: 72px
    }
}
#hd .chart-compare {
    width: auto;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
#hd .chart-compare .title {
    margin-bottom: .5em;
    color: #02b2e4;
}
#hd #x299-ddr4 .chart-compare .term {
    margin-right: 250px
}
#hd #x299-overclocking .chart-compare .term {
    margin-right: 100px
}
#hd .chart-compare .name {
    margin-bottom: .3em;
    font-size: .9375em
}
#hd .chart-compare .vol {
    position: relative;
    width: 100%;
    height: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#hd .chart-compare .vol .bar {
    display: block;
    width: 100%;
    height: 10px;
    -moz-transform: skewX(34deg);
    -ms-transform: skewX(34deg);
    -webkit-transform: skewX(34deg);
    transform: skewX(34deg)
}
#hd .chart-compare .vol .value {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0 auto auto;
    left: 100%;
    margin-left: 10px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 10px
}
#hd .chart-compare .vol .value small {
    font-size: 75%
}
#hd .chart-compare .term.good .name {
    color: #02b2e4
}
#hd .chart-compare .term.good .name-alt {
    color: #fff
}
#hd .chart-compare .term.good .name-2 {
    color: #02b2e4;
    font-size: 2.2em;
    font-weight: bold;
}
#hd .chart-compare .term.good .vol .bar {
    background-image: -webkit-linear-gradient(left, #02b2e4 0%, #00e6d8 100%);
    background-image: linear-gradient(to right, #02b2e4 0%, #00e6d8 100%)
}
#hd .chart-compare .term.good .vol .value {
    color: #02b2e4;
    font-size: 1.6em
}
#hd .chart-compare .term.bad {
    margin-top: .5em
}
#hd .chart-compare .term.bad .name {
    color: #b3b3b3
}
#hd .chart-compare .term.bad .vol .bar {
    background-image: -webkit-linear-gradient(left, #ddd 0%, #666 100%);
    background-image: linear-gradient(to right, #dddddd 0%, #666666 100%)
}
#hd .chart-compare .term.bad .vol .value {
    color: #a0a0a0;
    font-size: 1.25em
}
@media (max-width: 432px) {
    #hd .chart-compare .term {
        margin-right: 72px
    }
    #hd .chart-compare .vol {
        font-size: 77%
    }
}

#hd .chart-compare .cube {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    padding-top: 10px;
    border: 2px solid #02b2e4;
    border-radius: 5px;
    position: absolute;
    right: 5px;
    top: 55px;
    text-align: center;
    color: #02b2e4;
}
#hd .chart-compare .cube .number{
    font-size: 2.3em;
    font-weight: bold;
}

@media (max-width: 432px) {
#hd #x299-ddr4 .chart-compare .term {
    margin-right: 50px
}
#hd .chart-compare .cube {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 25px;
}
}

#hd .chart-text{
    clear: both;
}
#hd .chart-text .title {
    color: #02b2e4;
}
#hd .chart-text ul {
    list-style-type: disc;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

#hd .chart-descr {
    margin-top: 15px;
    font-size: 12px;
    color: #aaa
}
#hd .chart-wrapper .notes{
    color: #a0a0a0;
	font-size: 77%;
	line-height: 1.3em;
}

/* ddr4 */

#x299-ddr4{
	padding-bottom: 100px;
}
#x299-ddr4 .text{
    padding: 0px 15px;
}
#x299-ddr4 .chart-wrapper{
    padding: 60px 35px;
    max-width: 1080px;
    box-sizing: border-box;
    margin: 0 auto;
}
#x299-ddr4 .chart-wrapper:after{
    clear: both;
    content: '';
    display: block;
}
#x299-ddr4 .chart-wrapper .img{
    float: left;
    width: 50%;
    margin-right: 5%;
}
#x299-ddr4 .chart-wrapper .img .notes{
    text-align: center;
}
#x299-ddr4 .chart-wrapper .testing{
    float: left;
    width: 45%;
    padding-top: 30px;
}
#x299-ddr4 .chart-wrapper .img img{
    width: 100%;
}
#x299-ddr4 .chart-wrapper .testing .good{
    margin-bottom: 20px;
}
#x299-ddr4 .chart-wrapper .testing .text h4{
    color: #1cf7ff;
}
#x299-ddr4 .chart-wrapper .testing .text ul{
    list-style-type: disc !important;
    margin-left: 15px;
}
#x299-ddr4 .chart-wrapper .testing .text ul li{
    list-style-type: disc !important;
    margin-bottom: 8px;
}
#x299-ddr4 .chart-wrapper .testing .text .notes{
    margin-top: 20px;
}


@media screen and (max-width: 768px) {
#x299-ddr4 .chart-wrapper .img{
    width: 100%;
    margin-right: 0;
}
#x299-ddr4 .chart-wrapper .testing{
    width: 100%;
    padding-top: 0;
}
#x299-ddr4{
    padding-top: 35px;
}
}




/* intro */

#hd_intro_new {
    padding-top: 100px;
    padding-bottom: 120px;
    border-top: #3cfae0 5px solid;
	background: url("../img/intro-bg.png") center no-repeat;
}
#hd_intro_new .inner{
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
    align-items: center;
}
#hd_intro_new .inner .text{
    width: 50%;
    text-align: left;
}
#hd_intro_new .inner .img{
    width: 50%;
}

#hd_intro_new .inner .text .logo{
    margin-bottom: 30px;
}
#hd_intro_new .inner .text .descr{
    padding-right: 50px;
    margin-bottom: 50px;
}

#hd_intro_new .inner .text .logo img{
    margin: 0;
}
#hd_intro_new .inner .text .icon img{
    margin: 0;
    display: inline-block;
    height: 120px;
    width: auto;
    margin-right: 20px;
}


@media screen and (max-width: 768px) {
#hd_intro_new .inner{
    display: block;
    padding: 0 30px;
}
#hd_intro_new .inner .text{
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
}
#hd_intro_new .inner .text .descr{
    padding: 0 20px;
    margin-bottom: 20px;
}
#hd_intro_new .inner .img{
    width: 100%;
}
#hd_intro_new .inner .text .logo img{
    margin: 0 auto;
}
}














/*---------------
 20200328 Copy from Z390M-PLUS
------------------*/

#x299-buildtolast .msect-inner {
    padding-top: 90px;
}
#x299-buildtolast .erow {
    margin-top: 60px;
    margin-bottom: 30px;
    padding-bottom: 120px;
}
#x299-buildtolast .col-md-3 {
    position: relative;
    width: 24.5%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .col-md-3 {
        width: 49.5%;
        margin-top: 60px
    }
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .col-md-3 {
        width: 100%
    }
}
#x299-buildtolast .col-md-3 .set {
    position: relative;
    margin: 0 auto;
    max-width: 255px;
    height: 300px
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .col-md-3 .set {
        height: 300px
    }
}
#x299-buildtolast .col-md-3 .num {
    font-size: 75px;
    line-height: 1;
    font-family: "Oswald", "Roboto";
    color: #15caff;
    margin-bottom: 0;
}
#x299-buildtolast .col-md-3 .s {
    font-size: 24px;
    font-family: "Oswald", "Roboto";
    color: #15caff
}
#x299-buildtolast .col-md-3 .info {
    font-size: 17px;
    line-height: 24px;
    margin-top: 25px
}
#x299-buildtolast .col-md-3 .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}



/* 5X */

#x299-buildtolast .text {
    width: 78.43137%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#x299-buildtolast .morebox-inner {
    /*background: #222;*/
	background: #010814;
}
#x299-buildtolast .mainimg {
    position: relative;
    width: 100%;
    margin: 0 auto 60px auto;
    padding: 80px 20px 0 20px;
    max-width: 1000px;
    box-sizing: border-box;
}
#x299-buildtolast .mainimg img{
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .mainimg {
        padding: 0 20px
    }
}
#x299-buildtolast .mainimg .xlight {
    left: 0px;
    top: 15%;
    position: absolute
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .mainimg .xlight {
        max-width: none;
        height: 70%;
        top: 0;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media (max-width: 640px) {
    #x299-buildtolast .text {
        width: 92%;
        text-align: left
    }
}

#x299-buildtolast .mainimg .xicon {
    position: relative;
    margin: 0 auto;
    display: block
}
#x299-buildtolast .mainimg .nicons {
    text-align: center;
    margin: 40px auto;
    position: relative;
    z-index: 1
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .mainimg .nicons {
        padding: 0 20px;
        text-align: justify;
        font-size: 0
    }
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .mainimg .nicons {
        padding: 0
    }
}
#x299-buildtolast .mainimg .nicons:after {
    content: '';
    display: inline-block;
    width: 100%
}
#x299-buildtolast .mainimg .nicons .nicon {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    line-height: 1;
    margin: 0 30px
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .mainimg .nicons .nicon {
        vertical-align: top;
        margin: 0;
        width: 50%;
        padding: 30px
    }
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .mainimg .nicons .nicon {
        width: 50%;
        padding: 20px 0px
    }
}
#x299-buildtolast .mainimg .nicons .nicon span {
    line-height: 1;
    margin-top: 5px;
    display: block
}
#x299-buildtolast .mainimg>p {
    width: 100%;
    max-width: 850px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .mainimg>p {
        padding: 0
    }
}










/* safeslot */

#x299-buildtolast .safeslot {
    background-color: #161616;
    padding-top: 80px;
    padding-bottom: 80px;
}
#x299-buildtolast .safeslot .info {
    width: 100%;
    max-width: 780px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .safeslot .info {
        padding: 0
    }
}
#x299-buildtolast .safeslot figure {
    position: relative;
    text-align: center;
    margin-top: 30px;
    max-width: 800px;
    margin: 0 auto;
}
#x299-buildtolast .safeslot figure .pop {
    display: inline-block;
    margin-right: 100px
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .safeslot figure .pop {
        text-align: center;
        margin: 0
    }
}
#x299-buildtolast .safeslot figure .pop p {
    text-align: left;
    width: 350px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .safeslot figure .pop p {
        width: 100%;
        margin-right: 0px
    }
}
#x299-buildtolast .safeslot figure .pop img {
    display: inline-block;
    vertical-align: middle
}











/* grid */

#x299-buildtolast .splitsect .heading {
    font-size: 1.8em;
}

#x299-buildtolast .splitsect .msect {
    width: 33.3%;
    padding: 70px 0;
    background: #1b1b1b
}
#x299-buildtolast .splitsect-1 .msect:nth-child(odd) {
    background: #313131
}
#x299-buildtolast .splitsect-2 .msect:nth-child(1) {
    background: #1b1b1b;
}
#x299-buildtolast .splitsect-2 .msect:nth-child(2) {
    background: #313131
}
#x299-buildtolast .splitsect .inner {
    width: 75%;
}
@media (max-width: 768px) {
#x299-buildtolast .splitsect .msect {
    width: 100%;
}
#x299-buildtolast .splitsect .inner {
    width: 92%;
}
}


/* 8000+ */

#x299-buildtolast .puls {
    padding-top: 60px;
    padding-bottom: 60px;
	background: #010814;
}
#x299-buildtolast .puls .text{
    margin: 30px auto 60px auto;
    max-width: 1000px;
}
#x299-buildtolast .puls .btitle {
    text-align: center;
    position: relative
}
/*
#x299-buildtolast .puls .btitle:after {
    content: "";
    position: absolute;
    width: 92%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    left: 4%
}
*/
#x299-buildtolast .puls .btitle .big {
    z-index: 1;
    display: inline-block;
    position: relative;
    padding: 0px 40px;
}
#x299-buildtolast .puls .btitle .heading {
    font-size: 3.5em;
}
#x299-buildtolast .puls .icons .i {
    margin: 0 auto;
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .puls .btitle .big {
        padding: 0 20px
    }
}
#x299-buildtolast .puls .btitle .big .b {
    font-size: 166px;
    font-weight: 500;
    color: #15caff;
    line-height: 1
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .puls .btitle .big .b {
        font-size: 116px
    }
}
#x299-buildtolast .puls .btitle .big .s {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    line-height: 1
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .puls .btitle .big .s {
        font-size: 38px
    }
}
#x299-buildtolast .puls .icons {
    margin-top: 20px;
    font-size: 0
}
#x299-buildtolast .puls .icons .icon {
    width: 16.6667%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 20px 40px;
    box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
    #x299-buildtolast .puls .icons .icon {
        width: 25%
    }
}
@media screen and (max-width: 768px) {
    #x299-buildtolast .puls .icons .icon {
        width: 33.33333%
    }
}
@media screen and (max-width: 480px) {
    #x299-buildtolast .puls .icons .icon {
        width: 50%;
        padding: 20px
    }
}
#x299-buildtolast .puls .icons .icon .ptitle {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}
#x299-buildtolast .puls .icons .icon .pinfo {
    font-size: 17px;
    line-height: 18px;
    font-weight: 300
}



/* splitsect */

#x299-buildtolast .splitsect {
    display: table;
    width: 100%;
    table-layout: fixed
}
#x299-buildtolast .splitsect h2{
    font-size: 28px;
    font-weight: normal !important;
    line-height: 34px;
    margin-bottom: 20px;
    display: block;
}
#x299-buildtolast .splitsect h3{
    font-size: 20px;
    font-weight: 300 !important;
    line-height: 26px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #fff !important;
}
#x299-buildtolast .splitsect .msect {
    display: table-cell;
    width: 50%;
    padding: 70px 0;
    vertical-align: top;
    background: #1b1b1b
}
#x299-buildtolast .splitsect .msect:first-child {
    /*background: #313131*/
}
#x299-buildtolast .splitsect .inner {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}
#x299-buildtolast .splitsect .text .descr {
    text-align: center
}
#x299-buildtolast .splitsect .pic {
    margin-bottom: 25px
}
#x299-buildtolast .splitsect .pic img {
    margin-left: auto;
    margin-right: auto
}
@media (max-width: 1200px) {
    #x299-buildtolast .splitsect .inner {
        width: 80%
    }
}
@media (max-width: 1024px) {
    #x299-buildtolast .splitsect .inner {
        width: 90%
    }
}
@media (max-width: 768px) {
    #x299-buildtolast .splitsect {
        display: block
    }
    #x299-buildtolast .splitsect .msect {
        display: block;
        width: 100%;
        padding: 50px 0 40px
    }
    #x299-buildtolast .splitsect .inner {
        width: 92%
    }
}
@media (max-width: 640px) {
    #x299-buildtolast .splitsect .text .descr {
        text-align: left
    }
}


/* TUF */

#x299-buildtolast .tuf-protection {
    display: flex;
    max-width: 1400px;
    padding: 40px 30px;
    margin: 0 auto;
    align-items: center;
}
#x299-buildtolast .tuf-protection .tuf-img{
    width: 50%;
}
#x299-buildtolast .tuf-protection .tuf-img img{
    width: 100%;
    display: block;
}


#x299-buildtolast .tuf-protection .tuf-text{
    width: 50%;
    box-sizing: border-box;
    padding-right: 20px;
}
#x299-buildtolast .tuf-protection .tuf-text h2{
    font-size: 48px;
    line-height: 56px;
    font-weight: bold;
    display: block;
}
#x299-buildtolast .tuf-protection .tuf-text h3{
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    color: #fff !important;
}

#x299-buildtolast .tuf-protection .tuf-text ul{
    display: flex;
    margin: 20px 0 0 0;
    list-style-type: none;
    justify-content: space-between;
}
#x299-buildtolast .tuf-protection .tuf-text ul li{
    width: 28%;
    text-align: center;
}
#x299-buildtolast .tuf-protection .tuf-text ul li p{
    font-size: 13px;
    line-height: 17px;
}
#x299-buildtolast .tuf-protection .tuf-text ul img{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 1023px) {
#x299-buildtolast .tuf-protection {
    display: block;
}
#x299-buildtolast .tuf-protection .tuf-img{
    width: 100%;
}
#x299-buildtolast .tuf-protection .tuf-text{
    width: 100%;
    padding-right: 0px;
    text-align: center;
}
#x299-buildtolast .tuf-protection .tuf-text ul{
    max-width: 700px;
    margin: 20px auto 0 auto;
}
}


@media (max-width: 550px) {
#x299-buildtolast .tuf-protection .tuf-text ul li{
    width: 31%;
}
}




/* RCD 20200406 */

#x299-buildtolast .rc-column{
    display: flex;
}