@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Roboto+Condensed:300,400');
@font-face {
	font-family: 'Xolonium';
	src: url('../fonts/xolonium-regular.otf'),
		 url('../fonts/xolonium-regular.otf') format('embedded-opentype'),
		 url("../fonts/xolonium-regular.ttf") format("opentype"),
		 url("../fonts/xolonium-regular.eot");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ROG_Font';
	src: url('../fonts/rogfontsv1.5-Regular.otf'),
		 url('../fonts/rogfontsv1.5-Regular.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
/* ---------- RESET ---------- */
/* *{
	outline: #f00 1px solid;
} */
html,
body{
	margin: 0;
	background-color: #000;
}
#hd * {
	font-family: "Roboto Condensed", "Arial", sans-serif;
	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: #1d2124;
	color: #7C0007;
}
::-moz-selection {
	background: #1d2124;
	color: #ffffff;
}
#hd{
	font-family: "Roboto Condensed", "Arial", sans-serif;
	background: black;
	color: #FFF;
	font-size: 16px;
	margin: 0;
	padding: 0;
	/*background: url(../img/bg.jpg) 0 center no-repeat;*/
	background-attachment: fixed;
}
#hd ul,
#hd li,
#hd figure{margin: 0; padding: 0; }
#hd h1,
#hd h2,
#hd h3,
#hd h4,
#hd p,
#hd a,
#hd li {
	font:inherit;
}
#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;
}
a:focus{outline:none;} 
/* ---------- TXT ------------ */
#hd h1,
#hd h2,
#hd h3{
	font-family: 'Xolonium', sans-serif;
	z-index: 2;
}
#hd h1 {
	font-size: 3rem;
	line-height: 1;
	color: #ffffff !important;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 30px;
	word-break:normal;
	word-wrap: normal;
}
#hd h2 {
	font-size:2.35rem;
	line-height: 1;
	/*color: #ffffff !important;*/
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 30px;
	word-break:normal;
	word-wrap: normal;
}
#hd h3 {
	font-size: 1.8rem;
	line-height: 1;
	color: #ffffff;
	margin-bottom: 20px;
}
#hd h4 {
	font-family: "Fjalla One", sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.25;
	color: #ffffff;
}
#hd h5 {
	font-family: 'Xolonium', sans-serif;
	font-size: 1.45rem;
	font-weight: 300;
	color: #7C0007;
	margin-bottom: 20px;
}
#hd p,
#hd small,
#hd a,
#hd li {font-family: "Roboto Condensed", "Arial", sans-serif; }
#hd p {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 500;
	/* letter-spacing: 1px; */
	margin-bottom:30px;
}
#hd b{font-weight: bold; }
#hd small {
	font-size: 0.9rem;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #828282;
}
#hd .txt-center{text-align: center; }
#hd .txt-left{text-align: left;}
#hd .txt-italic{font-style: italic; }

#hd a.txt-link {
	display: inline;
	text-decoration: underline;
}
#hd a.txt-link:hover {color: white; }
#hd .txt-silver{
	display: inline-block;
	padding-bottom: 5px;
	color: #ffffff;
	background: #ffffff;
	background: -webkit-linear-gradient(left, #ffffff 0% , #777777 30% , #ffffff 60% , #777777 90%);
	background:	   -moz-linear-gradient(left, #ffffff 0% , #777777 30% , #ffffff 60% , #777777 90%);
	background: 	 -o-linear-gradient(left, #ffffff 0% , #777777 30% , #ffffff 60% , #777777 90%);
	background:			linear-gradient(to right, #ffffff 0% , #777777 30% , #ffffff 60% , #777777 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
_:-ms-input-placeholder, :root #hd .txt-silver{
	background: transparent !important;
}
#hd .txt-grey {
	font-family: "Roboto Condensed", "Arial", sans-serif;
    color: #828282;
   }
#hd p.txt-grey{
	font-size: .9em !important;
	font-weight: 300 !important;
}   
#hd .txt-gray{
	font-family: "Roboto Condensed", "Arial", sans-serif;
	color: #828282;
	margin: 10px 0;
	
}
#hd span.txt-gray{
	font-size: .9em !important;
	font-weight: 300 !important;
}
#hd .txt-red{
	color: #7C0007;
	margin: 10px 0;
}
#hd .title-cyan{text-shadow: 0 0 35px #00ffc9;}
#hd .txt-rog{
	font-family: 'ROG_Font', sans-serif;
}
#hd .txt-rog_tag{
	font-family: 'ROG_Font', sans-serif;
	font-size: 2.4rem;
}

/* ---------- BLOCK ---------- */
	#hd .w95 {
		width: 94%;
		margin: 0 auto;
		position: relative;
	}
	#hd .hd-w800{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#hd .hd-w1000{
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	#hd .hd-w1100,
	#hd .hd-w1200,
	#hd .hd-w1300,
	#hd .hd-w1400{
	    width: 90%;
	    margin: 0 auto;
	    position: relative;
	}
	#hd .hd-w1100 {max-width: 1100px; }
	#hd .hd-w1200 {max-width: 1200px; }
	#hd .hd-w1300 {max-width: 1300px; }
	#hd .hd-w1400 {max-width: 1400px; }
	#hd .hd-col20,
	#hd .hd-col25,
	#hd .hd-col33,
	#hd .hd-col30,
	#hd .hd-col40,
	#hd .hd-col45,
	#hd .hd-col50,
	#hd .hd-col55,
	#hd .hd-col60,
	#hd .hd-col65,
	#hd .hd-col70,
	#hd .hd-col75,
	#hd .hd-col80{
		display: inline-block;
		margin-left: -5px;
		vertical-align: middle;
	}
	#hd .hd-col20{width: 20%; }
	#hd .hd-col25{width: 25%; }
	#hd .hd-col30{width: 30%; }
	#hd .hd-col33{width: 33.3333%; }
	#hd .hd-col40{width: 40%; }
	#hd .hd-col45{width: 45%; }
	#hd .hd-col50{width: 50%; }
	#hd .hd-col55{width: 55%; }
	#hd .hd-col60{width: 60%; }
	#hd .hd-col65{width: 65%; }
	#hd .hd-col70{width: 70%; }
	#hd .hd-col75{width: 75%; }
	#hd .hd-col80{width: 80%; }
	
	#hd .w1920 {
		max-width: 1920px;
		margin: 0 auto;
		overflow: hidden;
	}
	#hd .w1100,
	#hd .w1200,
	#hd .w1300,
	#hd .w1400 {
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	#hd .w1100 {max-width: 1100px; }
	#hd .w1200 {max-width: 1200px; }
	#hd .w1300 {max-width: 1300px; }
	#hd .w1400 {max-width: 1400px; }
	#hd .w950 {
		max-width: 950px;
		margin: 0 auto;
	}
	#hd .w900 {
		max-width: 900px;
		margin: 0 auto;
	}

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

	#hd .ib-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 .hidden{
		display: none;
	}
	#hd .mb_15{
		margin-bottom: -15%;
		margin-top: -8%;
	}
/* ---------- BLOCK-more ---------- */
	@media all and (-ms-high-contrast:none) {
		#hd h2 {
			background: none;
		}
	}
	@supports (-ms-accelerator:true) {
		#hd h2 {
			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);
	}
/* ---------- scrollUp ---------- */
	#hd #scrollUp {
		float: left;
		position: fixed;
		right: 30px;
		bottom: 50px;
		z-index: 17;
		width: 50px;
		height: 50px;
		cursor: pointer;
		z-index: 999;
		opacity: 0;
		border: 2px solid #7C0007;
		background: url('../img/icon/scrollUp.png') no-repeat center center;
	}
	#hd #scrollUp.hd-show {
		opacity: 1;
	}
	#hd #scrollUp:hover,
	#hd #scrollUp:active {
		background-position: center 30%;
		border-color: #7C0007;
		box-shadow: 0 0 10px #7C0007;
	}
/* ---------- 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 #scrollUp,
	#hd #hd_radarMenu li h4,
	#hd #hd_radarMenu li h4:before,
	#hd #hd_radarList .owl-prev,
	#hd #hd_radarList .owl-next,
	#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_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_kv ---------- */
	#hd #hd_kv{padding:0 0 60px;}
	#hd #hd_kv img{
		width: 100%;
		margin-bottom: 60px;
	}
	#hd .kv img.kv_pic{
		width: 100%;
	}

	/*------------ hd_ai-overclocking ------------ */

	#hd .hd-fan figcaption div,
	#hd .hd_ai-overclocking figcaption div{
		display: flex;
		align-items: baseline;
	}
	#hd .hd-fan .bottom5,
	#hd .hd_ai-overclocking .bottom5{
		margin-bottom: 5px;
	}
	#hd .hd-fan figure .txt-red,
	#hd .hd_ai-overclocking figure .txt-red{
		margin-bottom: 10px;
	}
	#hd .hd-fan figcaption div img,
	#hd .hd_ai-overclocking figcaption div img {
		width: 110px;
		margin-left: 15px;
	}
	#hd .hd_ai-overclocking img.ai-main{
		margin-top: 1%;
	}

	
	#hd .hd-fan{
		display: flex;
		padding: 50px 0;
	}	
	#hd .hd-fan figcaption h4{
		position: relative;
	}
	#hd .power_txt h4.txt-red{
		margin: 5px 0 !important;
	}
	#hd .power_txt p{
		margin-bottom: 20px;
	}

	/*------------ hd_optimem ------------ */

	#hd .hd_optimem {
		/*padding: 50px 0;*/
		text-align: left;
	}
	#hd .hd_optimem figure{
		position: relative;
	}
	#hd .hd_optimem figure .rog_bg{
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    z-index: -2;
	}
	#hd .hd_optimem>p{
		width: 93%;
   		margin-top: -4%;
	}
	/*------------ hd-dual ------------ */
	#hd .hd-dual{
		/*padding: 50px 0;*/
		text-align: left;
	}

	#hd .hd_optimem figure,
	#hd .hd-dual figure{
		margin: 25px 0;
	}
	#hd .hd-dual figure >img{
		margin-top: -4%;
	}
	/*------------ hd_diy-friendly ------------ */

	#hd #hd_diy-friendly {
		padding:0 0 60px;
		text-align: center;
	}
	#hd #hd_diy-friendly ul{
		display: flex;
  		justify-content: space-between;
	}
	#hd #hd_diy-friendly ul li{
		width: 20%;
		margin: 0 calc(10% / 8 - 4px);
	}
	#hd #hd_diy-friendly ul li > div {
		width: 100%;
	}
	#hd #hd_diy-friendly ul li img {
		margin-bottom: 20px;
		margin-top: 8%;
	}
	#hd #hd_diy-friendly .txt-red{
		height: 100px;
	}
	/*------------ hd_software ------------ */

	#hd #hd_software {
		padding:0 0 60px;
		text-align: center;
	}
	#hd #hd_software ul li{
		display: inline-block;
		padding: 20px 0;
		width: calc(50% - 2px);
	}
	#hd #hd_software ul li img,
	#hd #hd_software ul li div{
		display: inline-block;
		width: calc(50% - 2px);
		vertical-align: top;
	}
	#hd #hd_software ul li div {
		text-align: left;
		margin: 0 20px;
		width: calc(50% - 42px);
	}
	#hd #hd_software ul li div p{
		margin-bottom: 10px;
	}
	/* ----------hd_strix---------- */

	/* #hd #hd_strix img{
		display: inline-block;
		width: 40%;
	} */
	#hd #hd_strix > div {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 30% 50%;
		/* min-height: 750px; */
	}
	#hd #hd_strix .w1400{
		text-align: right;
	}
	#hd #hd_strix .w1400 > div{
		display: inline-block;
		width: 59%;
		margin: 20% 2%;
		text-align: left;
		vertical-align: top;
		position: relative;
		left: 3%;
	}
	#hd #hd_strix .series_intro{
		margin: 2% auto ;
		text-align: center;
		width: 80%;
	}
	#hd #hd_strix .series_pic{
		width: 100%;
	}
	#hd #hd_strix .series_intro p{
		z-index: 1;
		margin-top: -7%;
		font-size: 1.4rem;
		line-height: 1.1;
		width: 65% ;
	    margin-left: 18%;
	}
	#hd #hd_strix .w1400 > div p{
		width: 80%;
	}
	#hd #hd_strix .w1400 > div h2{
		font-size: 2.2rem;
		letter-spacing: 2px;
	}
	#hd #hd_strix .tab-subnav{
		margin-bottom: 30px;
	}
	#hd #hd_strix .tab-subnav li {
		display: inline-block;
		position: relative;
		text-align: center;
		width: 23%;
		margin: .5%;
		min-height: 3.4rem;
		padding: 5px;
		vertical-align: top;
		border-left: #cccccc 2px solid;
		border-right: #cccccc 2px solid;
		/* border-top: transparent 2px solid;
		border-bpttom: transparent 2px solid; */
		-webkit-transform: skewX(12deg);
		   -moz-transform: skewX(12deg);
		    -ms-transform: skewX(12deg);
		     -o-transform: skewX(12deg);
				transform: skewX(12deg);
		cursor: pointer;
	}
	#hd #hd_strix .tab-subnav li::before,
	#hd #hd_strix .tab-subnav li::after{
		content: '';
		width: 100%;
		height: 2px;
		background: -webkit-linear-gradient(right,#cccccc 0%,#777777 50%, #cccccc 100%);
		background:	   -moz-linear-gradient(right,#cccccc 0%,#777777 50%, #cccccc 100%);
		background: 	 -o-linear-gradient(right,#cccccc 0%,#777777 50%, #cccccc 100%);
		background:			linear-gradient(to left,#cccccc 0%,#777777 50%, #cccccc 100%);
		position: absolute;
		left: 0;
	}
	#hd #hd_strix .tab-subnav li::before{
		top: 0;
	}
	#hd #hd_strix .tab-subnav li::after{
		bottom: 0;
	}
	#hd #hd_strix .tab-subnav li:hover,
	#hd #hd_strix .tab-subnav li.active{
		background-color: #7C0007;
		border-left: #7C0007 2px solid;
		border-right: #7C0007 2px solid;
	}
	#hd #hd_strix .tab-subnav li:hover::before,
	#hd #hd_strix .tab-subnav li:hover::after,
	#hd #hd_strix .tab-subnav li.active::before,
	#hd #hd_strix .tab-subnav li.active::after{
		display: none;
	}
	#hd #hd_strix .tab-subnav span{
		font-family: 'Xolonium', sans-serif;
		font-size: .9rem;
		font-weight: 300;
		line-height: 1.2rem;
		min-height: calc(4.15rem - 10px);
		color: #ffffff;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
         		align-items: center;
		-webkit-justify-content: center;
				justify-content: center;
		position: relative;
		-webkit-transform: skewX(-12deg);
		   -moz-transform: skewX(-12deg);
		    -ms-transform: skewX(-12deg);
		     -o-transform: skewX(-12deg);
		        transform: skewX(-12deg);
	}
	#hd #hd_strix .tab-content{
		width: 97.5%;
		min-height: 90px;
		padding: 7px 15px;
		background: url(../img/bg-glow.jpg) center center no-repeat;
		background-size: cover;
		-webkit-align-items: center;
				align-items: center;
		text-align: center;
		display: -webkit-flex;
		display: flex;
		opacity: 0;
	}
	#hd #hd_strix .tab-content.active{
		/* opacity: 1; */
		-webkit-animation: content-fadein .3s forwards;
				animation: content-fadein .3s forwards;
	}
	#hd #hd_strix .tab-content p{
		display: none;
	}
	#hd #hd_strix .tab-content p.active{
		width: 100%;
		margin-bottom: 0;
		display: block;
		-webkit-animation: content-fadein .3s forwards;
				animation: content-fadein .3s forwards;
	}
	@-webkit-keyframes content-fadein{
		0%{opacity: 0;}
		100%{opacity: 1;}
	}
	@keyframes content-fadein{
		0%{opacity: 0;}
		100%{opacity: 1;}
	}

	/* ---------- #hd_sec_table ---------- */

	#hd #sec_table {
		padding: 100px 0;
		position: relative;
		display: none;
	}
	#hd #sec_table.active{
		display: block;
	}
	#hd #sec_table .learn{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		padding-top: 55%;
		font-size: 16px;
		color: white;
		opacity: 0;
		transition: all .3s ease;
	}
	#hd #sec_table a:hover .learn{
		opacity: 1
	}
	#hd #sec_table h1{
		text-align: center;
		margin-bottom: 100px;
		text-shadow: 0 0 15px #0000bf;
	}
	#hd #sec_table table{
		width: 100%;
		border:0;
		border-collapse: collapse;
	}
	#hd #sec_table td,
	#hd #sec_table th{
		border:1px solid #888889 ;
		background-color: transparent;
		padding:6px 8px;
		text-align: center;
		font-weight: 300;
		line-height: 1.1;
	}
	#hd #sec_table .hd_pic th{
		border:0;
		background-color: transparent!important;
		padding-right: 0;
		padding: 5px;
	}
	#hd #sec_table thead th{
		padding:20px 5px;
	}
	#hd #sec_table .mobile-off thead th{
		width: auto;
	}
	#hd #sec_table .mobile-off thead th img{
		width: 45%;
	}
	#hd #sec_table .mobile-off thead th:first-child{
		width: 10%;
	}
	#hd #sec_table th{
		background-color: #16334e;
		font-weight: 400;
	}
	#hd #sec_table .mCustomScrollbar{
		height: 1200px;
		overflow-x:scroll;
		overflow-y:scroll;
	}
	#hd #sec_table .table_small{
		margin: 0 auto 25px;
		padding: 0 2%;
	}
	#hd #sec_table tbody tr th{
		min-width: 137px;
	}


	#hd #sec_table2 {
		padding: 100px 0;
		position: relative;
		display: none;
	}
	#hd #sec_table2.active{
		display: block;
	}
	#hd #sec_table2 .learn{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		padding-top: 55%;
		font-size: 16px;
		color: white;
		opacity: 0;
		transition: all .3s ease;
	}
	#hd #sec_table2 a:hover .learn{
		opacity: 1
	}
	#hd #sec_table2 h1{
		text-align: center;
		margin-bottom: 100px;
		text-shadow: 0 0 15px #0000bf;
	}
	#hd #sec_table2 table{
		width: 100%;
		border:0;
		border-collapse: collapse;
	}
	#hd #sec_table2 td,
	#hd #sec_table2 th{
		border:1px solid #888889 ;
		background-color: transparent;
		padding:6px 8px;
		text-align: center;
		font-weight: 300;
		line-height: 1.1;
	}
	#hd #sec_table2 .hd_pic th{
		border:0;
		background-color: transparent!important;
		padding-right: 0;
		padding: 5px;
	}
	#hd #sec_table2 thead th{
		padding:20px 5px;
	}
	#hd #sec_table2 .mobile-off thead th{
		width: auto;
	}
	#hd #sec_table2 .mobile-off thead th img{
		width: 45%;
	}
	#hd #sec_table2 .mobile-off thead th:first-child{
		width: 10%;
	}
	#hd #sec_table2 th{
		background-color: #16334e;
		font-weight: 400;
	}
	#hd #sec_table2 .mCustomScrollbar{
		height: 1200px;
		overflow-x:scroll;
		overflow-y:scroll;
	}
	#hd #sec_table2 .table_small{
		margin: 0 auto 25px;
		padding: 0 2%;
	}
	#hd #sec_table2 tbody tr th{
		min-width: 137px;
	}
/* -----------------hd-fan -------------------- */
	#hd .hd-fan > div{
		margin-left: -7%;
		z-index: 1;
		margin-top: -5%;
	}
	#hd .hd-fan .ai-main {
		width: 42%;
    	margin-left: 0%;
		margin-top: -5%;
		margin-right: 5%;
		z-index: -1;
	}
	#hd .heatsink_txt h4{
		font-size: 22px;
	}
	#hd .heatsink_txt p{
		font-size: .9rem;
	}

/*--------------------- owl ---------------------*/

	#hd .owl-dots {
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 3%;
	}

	#hd .owl-dot{
		display: inline-block;
		margin: 0 15px;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		background-color: #fff;
	} 
	#hd .owl-dot.active{
		background-color:#7C0007;
	}
	
	#hd #sco_style::-webkit-scrollbar-track{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #555;
	}

	#hd #sco_style::-webkit-scrollbar{
		width: 12px;
		background-color: #555;
	}

	#hd #sco_style::-webkit-scrollbar-thumb{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color:  #F5F5F5;
	}

/* ---------- 共用 ---------- */
	#hd .display_on_1023,
	#hd .kv_mobile_on{
		display: none;
	}
/* ---------- kv ---------- */
	#hd .kv{
		position: relative;
	}	
	#hd .kv .hd-w1200{
	    position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    padding: 0;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	    text-align: center;
	}
	#hd .kv video{
		width: 100%;
	}
	#hd .kv .hd-w1200 p{
		margin: 0;
	}
/* ---------- 切換鍵 ---------- */
	#hd #tabs-1{
		margin-top: -5px;
	}
	#hd #tabs-1,
	#hd #tabs-2{
		padding:0 0 60px;
	}
	#hd .tab_filter{
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	/* #hd .tab_filter::after {
		position: absolute;
		content: "";
		width: 95%;
		height: 100%;
		top: 100%;
		border-top: 100px solid #9C0003;
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;
	} */

	#hd .tab_filter li{
		position: relative;
		text-align: center;
		width: 50%;
		cursor: pointer;
	}
	#hd .tab_filter li:nth-child(1){
		background-color: #191919;
	}
	#hd .tab_filter li:nth-child(2){
		background-color: #1e1e1e;
	}
	#hd .tab_filter li:hover:before,
	#hd .tab_filter li.active:before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5px;
	}
	#hd .tab_filter li:nth-child(1):hover:before,
	#hd .tab_filter li:nth-child(1).active:before{
		background-color: #800001;
	}
	#hd .tab_filter li:nth-child(2):hover:before,
	#hd .tab_filter li:nth-child(2).active:before{
		background: #00ce8e; 
        background: -webkit-linear-gradient(to right, #00768e, #009994, #00f687);
        background: linear-gradient(to right, #00768e, #009994, #00f687); 
	}
	#hd .tab_filter li h5{
		font-family: 'ROG_Font', sans-serif;
		font-size: 3.25rem;
		color: #8f8f8f;
		margin: 0;
		line-height: .5;
		padding: 30px 0 55px;
		letter-spacing: 2px;
	}
	#hd .tab_filter li:hover h5,
	#hd .tab_filter li.active h5{
		color: #fff;
	}

	#hd .tex-top{
		padding-top: 75px;
	}
	#hd .flex-power{
		display: flex;
  		align-items: baseline;
	}
	#hd .flex-power > li{
		width: 50%;
		padding: 0 2.5%;
	}

	/*hd-c8f-top*/

	#hd .hd-c8f-top figure {
    	position: relative;
	}
	#hd .hd-c8f-top img.mobile{
		display: none;
	}
	#hd .hd-innovation figure ol.text,
	#hd .hd-c8f-top figure ol.power_txt{
		counter-reset: mycounter;
	}
	#hd .hd-c8f-top .power_intro{
		margin-top: 1%;
		margin-left: -7%;
		width: 109%;
	}
	#hd .hd-innovation figure ol.text{
		margin-top: 2%;
	}
	#hd .hd-innovation figure ol.text li,
	#hd .hd-c8f-top figure ol.power_txt li{
		position: relative;
	}
	#hd .hd-innovation figure ol.text li:before,
	#hd .hd-c8f-top figure ol.power_txt li:before {
	    counter-increment: mycounter;
	    content: counter(mycounter);
	    width: 24px;
	    height: 24px;
	    line-height: 24px;
	    text-align: center;
	    border-radius: 15px;
	    border: 1px solid #9C0003;
	    position: absolute;
	    top: 0;
	    left: -40px;
		z-index: 2;
		color: #CD1E18;
	}
	#hd .hd-innovation figure .text li p,
	#hd .hd-c8f-top figure .text li p{
		line-height: 1.5;
	}
	#hd .hd-innovation figure .text li h2,
	#hd .hd-c8f-top figure .text li h2{
		font-size: 1rem;
		margin-bottom: 0;
	}

	/*hd-innovation*/
	
	#hd .hd-innovation figure{
		display: flex;
		align-items: center;
	}
	#hd .hd-innovation figure img{
		width: 40%;
	}

	#hd .txt-cyan {
	    display: inline-block;
	    padding-bottom: 5px;
	    color: #82FFDB;
	    background: #82FFDB;
	    background: -webkit-linear-gradient(left, #82FFDB, #496DD3);
	    background: -moz-linear-gradient(left, #82FFDB, #496DD3);
	    background: -o-linear-gradient(left, #82FFDB, #496DD3);
	    background: linear-gradient(to right, #82FFDB, #496DD3);
	    -webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	}

	#hd .flexbox{
		display: flex;
		align-items: center;
	}
	#hd .mm2{
		width: 100%;
		margin-left: 0;
	}	


	#puzzle_game{
		display: none;
	}
	#puzzle_game.active{
		display: block;
	}

	#spec_set{
		display: none;
	}
	#spec_set.active{
		display: block;
	}


	#hd #switch_g{
		/* max-width: 90%; */
		display: block;
		margin: 50px auto 0;
		z-index: 2;
		position: relative;
		text-align: center;
	}
	#hd #switch_g:before{
		content:'';
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		top: 0;bottom: 0;
		margin:auto 0;
		background: #b50000;
		background-size: 100%;
		background-image: -webkit-linear-gradient(left, #000000 0%, #b50000 20%, #700808 40%, #d21313 53%, #890000 75%, #6f0000 90%, #000000 100%);
		background-image: -moz-linear-gradient(left, #000000 0%, #b50000 20%, #700808 40%, #d21313 53%, #890000 75%, #6f0000 90%, #000000 100%);
		background-image: -o-linear-gradient(left, #000000 0%, #b50000 20%, #700808 40%, #d21313 53%, #890000 75%, #6f0000 90%, #000000 100%);
		background-image: linear-gradient(to right, #000000 0%, #b50000 20%, #700808 40%, #d21313 53%, #890000 75%, #6f0000 90%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#c600ff',GradientType=1 ); /* IE6-9 */
	}
	#hd #switch_g li{
		/* width: 100% !important; */
		min-width: 300px;
		height: auto;
		padding:10px 5px;
		display: inline-block;
		vertical-align: middle;
		margin:0 8px;
		background: #b50000;
		background-size: 100%;
		background-image: -webkit-linear-gradient(300deg, #b50000 0%, #700808 30%, #d21313 53%, #890000 75%, #6f0000 100%);
		background-image: -moz-linear-gradient(300deg, #b50000 0%, #700808 30%, #d21313 53%, #890000 75%, #6f0000 100%);
		background-image: -o-linear-gradient(300deg, #b50000 0%, #700808 30%, #d21313 53%, #890000 75%, #6f0000 100%);
		background-image: linear-gradient(300deg, #b50000 0%, #700808 30%, #d21313 53%, #890000 75%, #6f0000 100%);
		-webkit-transform: skewX(25deg);
		   -moz-transform: skewX(25deg);
		    -ms-transform: skewX(25deg);
		     -o-transform: skewX(25deg);
		        transform: skewX(25deg);
		position: relative;
		cursor: pointer;
	}
	#hd #switch_g li:after{
		content:'';
		display: block;
		width:calc(100% - 4px);
		height:calc(100% - 4px);
		background-color: #000;
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin:auto;
	}
	#hd #switch_g li.hd-active:after{
		display: none;
	}
	#hd #switch_g span{
		display: inline-block;
		vertical-align: middle;
		width: 15px;
		height: 15px;
		border-radius: 7px;
		background-color: #eaeaea;
	}
	#hd #switch_g p{
		display: inline-block;
		vertical-align: middle;
		font-weight: bold;
		padding:0 10px;
		margin:0;
		color: #eaeaea;
		font-weight: 300;
	}
	#hd #switch_g .hd-active span{background-color: #cc0000; }
	#hd #switch_g .hd-active p{color: #cc0000; font-weight: 600;}
	#hd #switch_g li h4{
		font-size: 1.25em;
		min-height: 50px;
		margin-bottom: 0;
		position: relative;
		z-index: 2;
		-webkit-transform: skewX(-25deg);
		   -moz-transform: skewX(-25deg);
		    -ms-transform: skewX(-25deg);
		     -o-transform: skewX(-25deg);
		        transform: skewX(-25deg);
	}


	#hd .if_outer{
		margin: auto;
		max-width: 540px;
		padding: 0;
		margin-bottom: 100px;
	}
	#hd .if_outer iframe{
		width: 100%;
		max-width: 540px;
		min-width: 320px;
		min-height: 1165px !important;
		margin: 0 auto 20px;
		display: block;
		float: none;
		background: white;
		min-height: 100%;
	}


	#hd .game_text{
		max-width: 800px;
		margin: 150px auto -3%;
		position: relative;
		z-index: 2;
		display: none;
	}
	#hd .game_text.active{
		display: block;
	}
	#hd .game_f_box{
		display: flex;
		align-items: flex-start;
	}
	#hd .game_f_box .game_f_item{
		flex: 0 0 50%;
		padding: 30px;
		text-align: center;
	}
	#hd .game_f_box .game_f_item img{
		max-width: 150px !important;
	}


	#hd #fixed_bar{
		width: 100%;
		position: relative;
		text-align: center;
		background-color: #333;
		z-index: 200;
	}
	#hd #fixed_bar.f{
		position: fixed;
		top: 0;
		left: 0;
	}
	#hd #fixed_bar .fixed_bar_outer{
		white-space: nowrap;
		overflow: auto;
	}
	#hd #fixed_bar .fixed_item{
		margin: 10px 0;
		padding: 0 15px;
		color: #fff;
		display: inline-block;
		border-right: 1px solid #fff;
	}
	#hd #fixed_bar .fixed_item:nth-last-child(1){
		border-right: none;
	}

	#hd .see_default p{
		display: inline-block;
		cursor: pointer;
		position: relative;
		z-index: 100;
	}

	#hd .see_default_lightbox{
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		display: none;
	}
	#hd .see_default_lightbox.active{
		display: block;
	}
	#hd .see_default_lightbox .off_see_default_lightbox{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.7);
	}
	#hd .see_default_lightbox .pic{
		width: 80%;
		max-width: 600px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}


/* ---------- RWD ---------- */

@media screen and (max-width: 1840px) {
	#hd #hd_strix .series_intro p{
		width: 100% ;
	    margin-left: 0;
	}
	
}
@media screen and (max-width: 1440px) {
	#hd h2 {
		font-size: 2.5rem;
	}
	#hd #hd_reliability { padding: 26px 0 0; }
	#hd #hd_cooling {padding: 26px 0 0;}
	#hd #hd_way {padding-top: 26px;}
	#hd #hd_networking {padding: 26px 0 0;}
	#hd #hd_Specification {padding: 26px 0 0;}

	/* #hd #hd_kv{padding-top: 30px;} */
	#hd #hd_kv > .w1200 img{padding-top: 15%;}
	#hd #hd_strix .tab-subnav span{
		font-size: .8rem;
		line-height: 1.2rem;
		/*min-height: calc(3.4rem - 10px);*/
	}
	#hd #sec_table .mobile-off {
    	max-width: 1250px;
	}
	#hd #hd_strix .series_intro p {
		margin-top: -8%;
	}
}
@media screen and (max-width: 1366px){
	#hd .tab_filter li h5 {
    	font-size: 2.725rem;
	}

	#hd h2 {
		font-size: 2.2rem;
	}
	#hd #hd_strix .w1400 > div{
		left: 3%;
		margin: 10% 1%;
	}
	#hd #hd_strix .tab-subnav span{
		font-size: .8rem;
		line-height: 1.2rem;
		/*min-height: calc(3.4rem - 10px);*/
	}
	#hd #m11g_filter li:nth-child(1) span{
		font-size: .5em !important;
	}
	#hd #z390i_filter li:nth-child(4) span{
		font-size: .5em !important;
	}

}
@media screen and (max-width: 1280px) {
	#hd #hd_diy-friendly .txt-red {
    	font-size: 1.25rem;
    	height: 115px;
	}
	#hd .tex-top {
    	padding-top: 50px;
	}
	/* ---------- hd_kv ---------- */
	#hd #hd_kv > .w1200 img{padding-bottom: 10%;}
	#hd #hd_kv ul{padding-top: 10%;}
	#hd #hd_kv li{width: 60px;}
	#hd #hd_kv li:first-child{width: 80px;}


	#hd #hd_strix .w1400 > div{
		left: 5%;
		margin: 10% 1%;
	}
	#hd #hd_strix .tab-subnav li {
		width: 47%;
	}
	#hd #hd_strix .tab-subnav span{
		line-height: 1.2rem;
		/*min-height: calc(3.4rem - 10px);*/
	}
	#hd #m11g_filter li:nth-child(1) span{
		font-size: 14px !important;
	}
	#hd #z390i_filter li:nth-child(4) span{
		font-size: 14px !important;
	}
	#hd #hd_strix .series_intro p {
		z-index: 1;
		font-size: 1.2rem;
	}
	#hd .tab_filter li h5{
		padding: 20px 0 40px;
	}	

	#hd #hd_sec_table .arrow{
		top: 140px;
	}
	
	/*hd-c8f-top*/
	#hd .hd-c8f-top figure .text li h4{
		font-size: 20px;
	}
}
@media screen and (max-width: 1024px) {
	#hd .hd_ai-overclocking figcaption div img{
		width: 115px;
	}

	#hd .hd_1024-on {
		display: block;
	}

	#hd h2 {padding: 0; }

	#hd .title-animation-left:before{
		top: 20px;
		height: 100px; 
	}

	#hd #hd_kv > img{
		margin-bottom: 0;
	}
	#hd #hd_kv > .w1200 img{width: 100px;}

	#hd #hd_strix > div {
		background-image:none !important;
		min-height: auto;
	}
	#hd #hd_strix .w1400 > div{
		display: inline-block;
		width: 100%;
		margin: 2% 0;
		text-align: center;
		right: 0;
		left: 0;
	}
	#hd #hd_strix .series_intro p {
		z-index: 1;
		font-size: 0.9rem;
	}
	#hd #hd_strix .w1400 > div h2,
	#hd #hd_strix .w1400 > div p{
		width: 100%;
	}
	#hd #hd_strix .w1400 > div h2{
		font-size: 1.7rem;
		margin-bottom: 20px;;
	}
	#hd #hd_strix .tab-subnav li {
		width: 18%;
	}

	#hd #hd_sec_table .arrow{
		transform: scale(.8) rotate(180deg);
		top: 120px;
	}
	#hd #hd_sec_table .arrow:hover{
		transform: scale(1) rotate(180deg);
	}

}
@media screen and (max-width: 1023px) {
	#hd .hd-fan {
    	flex-direction: column-reverse;
	}
	#hd .hd-fan .ai-main {
		width: auto;
		margin-top: -2%;
	}
	#hd .hd-fan > div {
		margin-left: 0;
	}

	#hd .hd-innovation figure {
    	flex-wrap: wrap;
    	padding: 0 1.25%;
	}
	#hd .hd-innovation figure img {
    	width: 100%;
	}
	#hd .hd_optimem {
    	padding: 50px 0 0;
	}
	#hd #hd_diy-friendly .txt-red{
		height: auto;
		font-size: 1.8rem;
	}
	#hd #hd_diy-friendly ul{
		flex-wrap: wrap;
	}
	#hd #hd_diy-friendly ul li {
    	width: 45%;
	}

	#hd .tab_filter li h5 {
    	font-size: 2rem;
	}

	#hd .display_on_1023{
		display: block;
	}
	#hd .display_off_1023{
		display: none;
	}
	#hd #sec_table {
    	padding: 50px 0;
	}

	/*maximus*/
	#hd .flex-power {
    	flex-wrap: wrap;
    	margin-bottom:50px;
	}
	#hd .flex-power > li {
    	width: 100%;
	}
	#hd .hd_ai-overclocking .ai-main {
    	padding-top: 0;
	}
	#hd .hd_ai-overclocking,
	#hd .hd-c8f-top {
    	padding: 25px 0;
	}
	

	/*hd-c8f-top*/
		
	/*------------ hd_software ------------ */

	#hd #hd_software ul li{
		display: inline-block;
		padding-bottom: 20px;
		width: 100%;
	}
	#hd #hd_software ul li img{
		width: 40%;
	}
	#hd #hd_software ul li div{
		width: calc(60% - 44px);
	}

	#hd .hd-dual .flexbox img{
		margin-left: 25px;
	    width: 50px;
	    height: auto;
	}
}
@media screen and (max-width: 768px) {
	#hd #tab_filte li h5 {
    	font-size: 1.25rem;
    	padding: 15px 0;
	}
	#hd .tab_filter li{
		width: 100%;
	}

	#hd .hd_mobile-off {display: none; }
	#hd .hd_mobile-on {display: block; }
	#hd #hd_sec_table .pc_table.active{
		display: none;
	}
	#hd h2 {
		font-size: 2rem;
	}
	#hd h5 {
		font-size: 1.7rem;
	}
	#hd p{
		font-size: 15px;
		line-height: 1.2rem;
	}
	
	#hd table{
		min-width: 200%;
	}
	/*------------ hd_diy-friendly ------------ */

	#hd #hd_diy-friendly ul li{
		width: 100%;
		margin: 0;
	}
	#hd #hd_diy-friendly ul li > div {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
		text-align: left;
		margin-left: 2%;
	}
	#hd #hd_diy-friendly ul li img {
		width: 45%;
		display: inline-block;
		vertical-align: middle;
	}

	#hd #hd_strix .tab-subnav{
		text-align: left;
	}
	#hd #hd_strix .tab-subnav li {
		width: 47%;
	}
	#hd #hd_strix .series_pic{
		display: none;
	}
	#hd #hd_strix .series_intro {
		margin: 12% auto 2%;
	}
	#hd #hd_strix .series_intro p{
		padding: 3% 1%;
	}
	#hd #hd_strix .rog_intro{
		background-color: rgba(85, 20, 12, 0.801);
	}
	#hd #hd_strix .strix_intro{
		background-color: rgba(0, 77, 94, 0.801);
	}
	#hd #sec_table .mobile-off {
    	max-width: 80%;
	}
	
	/*hd-c8f-top*/
    #hd .hd-c8f-top img.pc {
    	display: none;
	}
	#hd .hd-c8f-top img.mobile {
    	display: block;
	}
	#hd .hd-c8f-top figure .text li {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: 100%;
	}
	#hd .hd-fan > div,
	#hd .hd-innovation figure ol.text,
	#hd .hd-c8f-top figure .text {
    	width: 90%;
    	margin: 0 auto;
	}


	#hd #switch_g{
		margin: 15px auto;
	}
	#hd #switch_g li{
		width: 90% !important;
		min-width: auto;
		padding: 5px;
	}



	#hd .game_f_box .game_f_item img{
		max-width: 90px !important;
	}
}
@media screen and (max-width: 767px) {
	#hd #hd_sec_table h1{
		font-size: 2.5rem;
		margin-bottom: 0;
	}

	/* hd_kv */
	#hd #hd_kv{
		padding-top: 0 !important;
	}
	#hd #hd_kv > img{
		width: 100%;
		margin: 0;
	}
	#hd #hd_kv > .w1200{
		position: relative;
		text-align: center;
	}
	#hd #hd_kv > .w1200 .col50{
		width: 100%;
	}
	#hd #hd_kv > .w1200 img{
		padding: 0;
		margin:0 auto 20px;
	}
	#hd #hd_kv ul{padding-top: 0;}
	#hd .hd-fan figure span{
		display: none;
	}

}
@media screen and (max-width: 620px) {
	#hd .hd_ai-overclocking figure {
    	flex-wrap: wrap;
	}
	#hd .hd_ai-overclocking figure img {
    	margin-left: 0;
	}
	#hd .mm2 {
    	width: 100%;
	}

	#hd .tab_filter li h5 {
    	font-size: 1.2rem;
    	padding: 10px 0 30px;
	}
	#hd .title-animation-left:before,
	#hd .title-animation-right:before {height: 0px; }
	#hd .kv img.kv_pic{
		display: none;
	}
	#hd .kv img.hidden{
		display: block;
	}
	/*------------ hd_diy-friendly ------------ */
	#hd #hd_diy-friendly ul li{
		width: 90%;
	}
	#hd #hd_diy-friendly ul li > div {
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	#hd #hd_diy-friendly ul li img {
		width: 50%;
    	min-width: 200px;
	}
	#hd #hd_diy-friendly ul li img{
		margin-bottom: 10px;
	}
	#hd #hd_diy-friendly .txt-red{
		margin-bottom: 0;
	}

	/*------------ hd_software ------------ */

	#hd #hd_software ul li{
		display: inline-block;
		padding-bottom: 20px;
		width: 90%;
	}
	#hd #hd_software ul li img{
		width: 100%;
		margin-bottom: 20px;
	}
	#hd #hd_software ul li div{
		width: 100%;
		margin: 0;
		text-align: center;
	}

	#hd #hd_strix .tab-subnav li {
		width: 100%;
		min-height: auto;
		padding: 10px 0;
	}
	#hd #hd_strix .tab-subnav li span{
		min-height: 1.4rem;
	}

	/* ---------- #sec_table ---------- */
	#hd #sec_table .mobile-on,
	#hd #sec_table2 .mobile-on{
        display:block;
        max-width: 80%;
        margin:0 auto;
    } 	    
    /* #hd #sec_table #owl-demo table {
        width: 99%;
	} */
	#hd #sec_table table,
	#hd #sec_table2 table{
		min-width: 50%;
	}   
    
    #hd .mobile-off{
		display: none;
    }
	#hd #sec_table .arrow,
	#hd #sec_table2 .arrow{
        display: block;
    }   
	#hd #sec_table .mobile-on thead th,
	#hd #sec_table2 .mobile-on thead th {
        width: 42%;
    }
	#hd #sec_table .mobile-on img,
	#hd #sec_table2 .mobile-on img{
        width: 60%;
    }
    #hd  #sec_table .owl-prev,
	#hd  #sec_table .owl-next,
	#hd  #sec_table2 .owl-prev,
    #hd  #sec_table2 .owl-next{
        position: absolute;
    }
	#hd #sec_table .owl-next,
	#hd #sec_table2 .owl-next{
        background:url(../img/arrow-next.png) no-repeat;
		top: 760px;
        left: 475px;
        width:10%;
        height:10%;
	}
	#hd #sec_table .owl-prev,
	#hd #sec_table2 .owl-prev{
        background: url(../img/arrow-back.png)no-repeat;
		top: 760px;
        left: -40px;
        width: 10%;
        height: 10%;
	}



	#hd .game_text{
		max-width: 800px;
	}
	#hd .game_f_box{
		flex-wrap: wrap;
	}
	#hd .game_f_box .game_f_item{
		flex: 0 0 100%;
		padding: 15px 5%;
	}




	#hd #fixed_bar .fixed_item.c620{
		display: none;
	}

}
@media screen and (max-width: 520px){
	#hd .kv {
    	display: flex;
    	flex-direction: column-reverse;
	}
	#hd .kv .hd-w1200 {
	    position: relative;
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    transform: translateY(0);
	}
	#hd .kv .hd-w1200 p {
    	margin: 15px 0;
	}


	#hd .hd_ai-overclocking figure .txt-red {
    	width: 100%;
	}
	#hd .hd_ai-overclocking figcaption div {
    	flex-wrap: wrap;
	}
	#hd .hd_ai-overclocking figcaption div img {
    	margin-bottom: 10px;
    	margin-left: 0;
	}

   #hd #tab_filte li h2 {
    	font-size: 1rem;
	}
	#hd .hd-c8f-top figure ol.text li{
		margin-left: 3.5%;
	}
	#hd .hd-fan figcaption h4:before,
	#hd .hd-innovation figure ol.text li:before,
	#hd .hd-c8f-top figure ol.text li:before{
		left: -30px;
	}
	#hd #hd_strix .w1400 h2.txt-rog {
		font-size: 2.8rem !important;
	}
}
@media screen and (max-width: 480px) {
	#hd h2 {
		font-size: 1.8rem;
	}
	#hd #hd_sec_table h1{
		font-size: 2rem;
	}
	#hd #scrollUp {bottom: 10px; }
	#hd #hd_strix .w1400 h2.txt-rog {
		font-size: 2.2rem !important;
	}
	#hd .hd-fan .hd-fan_pic{
		width: 18%;
		margin-left: 6px;
	}
	#hd #sec_table tbody tr th {
		min-width: 80px;
	}
	#hd #sec_table th,
	#hd #sec_table td{
		font-size: .8em
	}

}