@charset 'utf-8';

@media screen and (max-width: 1650px) {
	#hd .skew_nav li.hd-col20 {
	    display: inline-block;
	    vertical-align: super;
	    width: 350px;
	}
	#hd #control .skew_nav li.hd-col20:nth-child(1) h3{
    	line-height: 2em;
	}
}
@media screen and (max-width: 1440px) {

	/*#hd .hd-sec-wifi img.pd {
    	width: 82.5%;
	}*/
	#hd h2{
		font-size: 3rem;
		margin-bottom: 20px;
	}
	#hd h3{
		font-size: 2.5rem;
	}
	#hd h4{
		font-size: 1.45em;
	}
	#hd .hd-sec-oled .skew-btn h4 {
    	padding: 10px;
	}
	/*-----------specs----------*/
		#hd #specs {
		    padding: 60px 0 0;
		}
	/* ---------- sec_kv --------- */
		#hd .glitch_top{
			padding-top: 120px;
		}

		#hd section:before{
			top: 60px;
		}
		#hd .sec_kv .hd-w1200 h2{
			margin-bottom: 20px;
		}
		#hd .sec_kv h3,
		#hd .skew_nav .skew_btn h3,
		#hd .spec_nav .skew_btn h3{
			font-size: 1rem;
		}
		#hd .skew_nav .skew_btn li,
		#hd .spec_nav .skew_btn li,
		#hd .personalized_nav li.hd-col20{
			/*padding:5px 5px 7px;*/
		}
		#hd .skew_nav li.hd-col20,
		#hd #cooling .skew_nav li.hd-col20,
		#hd #performance .skew_nav li.hd-col20,
		#hd #optimization .skew_nav li.hd-col20,
		#hd #connectivity .skew_nav li.hd-col20,
		#hd .spec_nav li.hd-col20{
			width: 205px;
		}
		#hd .skew_nav .skew_btn li:after,
		#hd .spec_nav .skew_btn li:after {
		    /*left: 92.5%;*/
		}

	/* ------------ fan ---------- */
		#hd .hd-sec-fan{
			padding:50px 0;
		}
		#hd .hd-sec-fan h3 + p{
			margin-bottom: 30px; 
		}
	/* ------------ lighting ----- */
		/*#hd .hd-lightingbox{
			width: 94%;
			padding-bottom: 58%;
		}
		#hd .hd-sec-lighting p{
			margin-bottom: 10px;
		}	*/
		/* ---------- #intel -------------- */
		/*#hd #intel h2{
			font-size: 4rem;
		}*/
		#hd #performance .skew_nav li.hd-col20:nth-child(1) h3,
		#hd #control .skew_nav li.hd-col20:nth-child(1) h3{
	    	line-height: 1em;
		}
	/*----------wifi------------*/
		/*#hd .hd-sec-wifi ul.text li {
		    padding: 10px 0;
		}
		#hd .hd-sec-wifi ul.text li:nth-child(2) {
		    max-width: 60%;
		}
		#hd .hd-sec-wifi ul.text h4{
			margin-bottom: 10px;
		}*/
	/* ------------ controller ---------*/
		#hd .hd-sec-controller .box_list {
		    margin-top: 3.5vw;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(2) .box_list {
		    width: 85%;
		    margin-top: 1.2vw;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(3) .box_list {
		    margin-top: 2.2vw;
		}
	/*personalized	*/
		#hd #personalized .main-txt {
		    padding: 15px 0;
		}
		#hd #personalized .sec_kv .hd-w1200 {
		    padding-top: 20px;
		}
}
@media screen and (max-width: 1366px) {
	/*hd-sec-mode*/
	#hd .ddr4_opt .cpuz li img{
		width: 60%;
	}


	#hd #intel h2{
		/*font-size: 4.5rem;*/
	}
	/*#hd .hd-sec-lighting .hd-col55{
		margin-top: -2.5%;
	}*/
	#hd .hd-supremefx .txt-box h4{margin-bottom: 5px; }
	#hd .power_figure .hd-col50{
		width: 80%;
	}
	#hd #specs ol li p{
		font-size: 0.9rem;
	}
	#hd .hd-sec-power .switch-nav .hd-left{
		left: -17px;
	}
	#hd .hd-sec-overclock figure .text li{
		left: 3%;
	}
	/* ------------ overlay ----------- */
		#hd .hd-sec-overylay figure{
			top: 52%;
			right: 13%;
		}
		#hd .hd-sec-overylay .hd-txt{
			width:69%;
		}
		#hd #intel{
			padding: 70px 0;
		}
}
@media screen and (max-width: 1280px){
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-bios li .hd-title{
			padding:0 18%;
			margin-bottom: 70px;
		}
		#hd .hd-sec-bios li .hd-title:before,
		#hd .hd-sec-bios li .hd-title:after{
			width: 40%;
		}
		#hd #mode_switch_right{
			left: 100%;
		}
		#hd #mode_switch_left{
			right: 100%;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting h2{margin-bottom: 30px; }
		#hd .hd-controls li img{width: 50px; height: 50px; }

	#hd .hd-sec-crosschill .hd_description li:nth-child(1):before{display: none; }


	#hd h3{
		font-size: 2.125rem;
	}
	#hd h4{
		font-size: 1.25rem;
	}
	#hd .hd-frame{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
	#hd .hd-frame li{
		width: 120%;
		margin-left: -10%;
		margin-bottom: -50px;
	}
	/* ---------- sec_kv -------------- */
		#hd #introduction .sec_kv p,
		#hd .sec_kv p{
			font-size: 1rem;
		}
		#hd .sec_kv h3{
			font-size: 1rem;
		}
		#hd .sec_content {
		    margin-top: -50px;
		}
		#hd .sec_kv > img {
		    /*margin-top: -10%;*/
		}
	/* ---------- #specs -------------- */
		#hd #specs .hd-w1300{
			width: 100%; 
		}
		#hd #specs .diy .spec-main{
			background-position: 42% center;
		}
		#hd #specs .diy ol li:nth-child(-n+3){
			left: 11%;
		}
		#hd #specs .diy ol li:nth-child(n+4){
			max-width: 200px
		}
		#hd #specs .diy img{
			width: 90px;
		}
		#hd .hd-more li{
			width: 250px;
			margin:5px;
		}
		#hd .hd-more h4{
			font-size: 18px;
			padding:10px 15px;
		}
		#hd #specs .spec-1 ol li {
		    width: 22%;
		}
		#hd #specs ol li p {
		    font-weight: 300;
		    margin-bottom: 0px;
		}
		#hd #specs ol li img {
		    max-width: 110px !important;
		}
		#hd #specs ol li p ,
		#hd #specs ol li b{
		     font-size: 13px; 
		}
		#hd #gerytxt,
		#hd #specs small.txt-grey{
			font-size: 12px;
		}
	/* ------------ ddr4 -------------- */
		#hd .hd-sec-ddr4{
			padding-bottom: 50px;
		}
		#hd .hd-sec-ddr4 .fright{
			width: 50%;

			margin-top: 5%;
		}
		#hd .hd-sec-ddr4 .fleft {
			width: 50%;
			margin-left: 0;
			margin-right: 0;
		}
	/* ------------ optimization ------ */
		#hd .hd-sec-optimization .hd-content li h3{
			font-size: 2rem;
		}
		#hd .hd-sec-optimization li h3:before,
		#hd .hd-sec-optimization li h3:after{
			width: 40%; 
		}
	#hd .hd-sec-fan .hd-filter li{
		margin-bottom: 10px; 
	}
	/* ------------ mode & gamefirstv - */

		#hd .hd-sec-gamefirstv li .hd-title{
			padding:0 18%;
			margin-bottom: 70px;
		}

		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			width: 40%;
		}
		#hd #mode_switch_right{
			left: 100%;
		}
		#hd #mode_switch_left{
			right: 100%;
		}
	/* ------------ gamefirstv -------- */
		#hd .hd-sec-gamefirstv{
			padding-bottom: 30px;
		}
		#hd .hd-sec-gamefirstv .switch{
			margin-top: -100px;
			margin-bottom: 100px;
		}
		#hd #gamefirstv_switch_left{
			right: 100%; 
		}
		#hd #gamefirstv_switch_right{
			left: 98%; 
		}
	/* ------------ SEC_LIGHTING ------ */
		/*#hd .hd-controls li img{
			width: 50px; height: 50px; 
		}*/
	/* ------------ watercooling -------*/
		#hd .hd-sec-watercooling ul.tetail_list li:nth-child(2) h4:after {
		    height: 80px;
		    top: -67.5px;
		}	
	/* ---------hd-sec-audio-------*/
		/*#hd .hd-sec-audio ul.txt_list li > div {
		    padding: 20px 8px 30px;
		}
		#hd .hd-sec-audio ul.txt_list li {
		    padding: 0 4px;
		}
		#hd .hd-sec-audio ul.txt_list h4 {
		    font-size: 1.2rem;
		}*/
	/* ---------- supremefx ----------- */
	#hd .hd-supremefx .txt-box{width: 300px; }
	#hd .hd-supremefx li:nth-child(2) .txt-box{
		top: 11%;
		left: 70%;
	}
	#hd .hd-supremefx li:nth-child(3) .txt-box{
		top: 8%;
		left: 47%;
	}
	#hd .hd-supremefx li:nth-child(4) .txt-box{
		width: 360px;
		top: 5%;
		left: 55%;
	}
	#hd .hd-supremefx li:nth-child(5) .txt-box{
		top: 21%;
		left: 27%;
	}
	#hd .hd-supremefx li:nth-child(6) .txt-box{
		top: 16%;
		left: 60%;
	}	
	/*----------wifi------------*/
		/*#hd .hd-sec-wifi ul.text li:nth-child(2) {
		    max-width: 75%;
		}*/
		#hd .hd-sec-wifi ul.detail_list li {
    		left: 7%;
    		max-width: 42%;
		}
		#hd .hd-sec-wifi ul.detail_list p {
    		font-size: .8rem;
		}
	/* ------------ controller ---------*/
		#hd .hd-sec-controller .box_list small b {
		    font-size: 1.1rem;
		}	
		#hd .hd-sec-controller .box_list {
		    margin-top: 2.3vw;
		}
		#hd .hd-sec-controller ul.detail_list h4 .small {
		    font-size: 1.05rem;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(2) .box_list {
		    width: 76%;
		    margin-top: .2vw;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(3) {
		    top: 31%;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(3) .box_list {
		    margin-top: 1.1vw;
		    width: 68%;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(4){
			top: 60%;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(4) .box_list {
		    width: 29%;
		    margin-top: 1.2vw;
		}
		#hd .hd-sec-controller ul.detail_list h4 .small{
			margin-top: 5px;
		}
	/*--------------- headers -------------*/
		#hd .hd-sec-headers ul.detail_list p {
		    font-size: 13px;
		}
	/*--------------- personalized --------*/
		#hd .personalized_nav .skew_btn h3 {
		    font-size: 1rem;
		}
		#hd .personalized_nav li.hd-col20 {
		    width: 160px;
		}
}
@media screen and (max-width: 1250px){
	#hd .hd-sec-chipset .heatsink li:nth-child(1) {
    	width: 47.5%;
	}

	#hd .hd-sec-storage ul.detail_list h4 span{
		display: inline-block;
	}
	#hd .hd-sec-storage .hd-col50{
		width: 90%;
	}
	#hd .hd-sec-storage ul.detail_list li {
    	position: relative;
    	max-width: 100%;
	}
	#hd .kv1250_mobile_on{
		display: block;
	}
	#hd .kv1250_pc_on{
		display: none;
	}
	
	#hd .hd-sec-crosschill .ek3{
		width: 50px;
	}
	#hd .hd-sec-crosschill .fright h3{
		/*text-align: center;*/
		white-space: normal; 
	}
	#hd .hd-sec-crosschill .hd_description li img{width: 100px;}


	#hd #intel h2{
		/*width: 100%;*/
    	/*padding: 0 25px;*/
	}
	/*hd-sec-wifi*/
	#hd .hd-sec-headers ul.detail_list li:nth-child(n+2) {
    	right: -0.5%;
	}
	/*#hd .hd-sec-wifi img.pd {
    	width: 90%;	
	}*/
	/*AI Overclocking新增區塊*/
	#hd .ai_overclocking .cpu_cooling .black_area {
    	width: 250px;
	}
	#hd .ai_overclocking .cpu_cooling .black_area .cpu_txt{
		padding-left: 0px !important;
		text-align: center;
	}
	#hd .ai_overclocking .cpu_cooling .black_area .cpu_img{
		margin-bottom: 10px;
	}

	#hd .ai_overclocking .cpu_cooling #black_area_first {
    	padding-left: 0 !important; 
	}
	#hd .ai_overclocking .gradation_area .gradation_bg .fleft,
	#hd .ai_overclocking .gradation_area .gradation_bg .fright{
		width: 45%;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area .cpu_img{
		width: 35%;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area{
		bottom: 0;
		top: 60%;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle{
		bottom: -55px;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle .fleft,
	#hd .ai_overclocking .gradation_area .ai_cycle .fright{
		width: 28.5%;
	}
	/*AI Overclocking新增區塊結束*/
	#hd #performance .sec_kv li.hd-col20:nth-child(2) h3{
		line-height: 1em;
	}
	#hd #personalized .sec_kv li.hd-col20:nth-child(1) h3{
		line-height: 1em;
	}
	#hd #personalized .sec_kv li.hd-col20:nth-child(2) h3{
		line-height: 2em;
	}

	#hd #control .skew_nav .skew_btn li:after{
		left: 93%;
	}
	#hd #control .skew_nav .skew_btn h3{
		font-size: 1rem; 
	}
	/* ------------ ribbon ------------ */
		#hd .hd-sec-ribbon h4{
			font-size: 1.75rem;
		}
		#hd .hd-sec-ribbon .hd-title{
			width: 200px;
			padding:20px 10px;
		}
		#hd .hd-sec-ribbon .hd-content{
			width:calc(100% - 200px); 
		}
		#hd #gf5_faster .fleft{
			width:calc(100% - 200px);
		}
		#hd .hd-infoBar h4.txt-red{
			font-size: 1.25rem;
		}
		#hd #personalized .skew_nav nav li:nth-child(2) h3 {
	    	line-height: 1em;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting{padding-bottom: 30px;}
		#hd .hd-sec-lighting .fleft,
		#hd .hd-sec-lighting .fright{float: none; }
		#hd .hd-sec-lighting h3{margin-top: 0; }
		#hd .hd-sec-lighting .hd-col55{
			position: relative;
			width:80%;
			margin:0 auto;
		}
		#hd .hd-controls{margin-left:0; }
		#hd .hd-controls li img{margin:20px auto 0; }
		#hd .hd-lightingbox{
			width: 90%;
			max-width: 500px;
			padding-bottom: 0;
			height: 730px;
			margin:0 auto;
			float: none;
			position: relative;
		}
		#hd .hd-w1250on{display: block;}
		#hd .hd-w1250off{display: none;}
		#hd .hd-sec-lighting .align_left h3,
		#hd .hd-sec-lighting .align_left p{text-align: center; }
		#color,
		#greybg{
			width: 93%;
		    height: 0;
		    padding-bottom: 140%;
		    position: absolute;
		    z-index: -1;
		}
		#colorpicker{
			top: 50%;
			right: 95%;
			bottom:0px;
		}
		#hd .gen2 {
    		margin-top: 75px;
		}
		.hd-rainbow:before,
		.hd-rainbow:after{
			top: 88%;
		}
		.hd-rainbow:after{
			width: 100%;
			left: 0;
		}

		.hd-wave .starry_night{
			width: 150%;
			top: 85%;
			left: 75%;
		}
		.hd-cycle:before,
		.hd-cycle:after,
		.hd-flash:before,
		.hd-wave:before,
		.hd-wave:after,
		.hd-comet:before{
			height: 5%;
			top: 93%;
		}
		.hd-flash:after,
		.hd-comet:after{
			width: 4%;
			height: 4%;
			top: 93%;
		}
		.hd-yoyo {
			width: 150% !important;
			left: -70% !important;
		}
		.hd-yoyo:before{
			width: 130%;
			height: 14%;
			top: 85%;
			left: 30%;
		}
		.hd-yoyo:after{
			width: 130%;
			top: 93%;
			left: 30%;
		}
		.hd-yoyo .starry_night{top: 84.5%;}

		.hd-starrynight:after,
		.hd-starrynight:before {
		    width: 100%;
		    top: 87.5%;
		    left: 0%;
		}

		.starry_night li{width: 10%;height: 10%;}
		.starry_night li:nth-child(1) {    
			left: 0%;
		    top: 0%;
		    width: 100%;
		    height: 100%; }
		.starry_night li:nth-child(2) {left: 16%;  top: 95%; }
		.starry_night li:nth-child(3) {left: 25%; top: 95%; }
		.starry_night li:nth-child(4) {left: 35%;  top: 95%; }
		.starry_night li:nth-child(5) {left: 50%; top: 95%; }
		.starry_night li:nth-child(6) {left: 63%;  top: 95%; }
		/*.starry_night li:nth-child(7) {left: 24%;  top: 81%; }
		.starry_night li:nth-child(8) {left: 30%; top: 81%; }
		.starry_night li:nth-child(9) {left: 49%;  top: 81%; }
		.starry_night li:nth-child(10) {left: 60%; top: 81%; }*/
		
		#hd .hd-sec-lighting .hd-w1200{
			display: flex;
    		flex-direction: column-reverse;
		}
		#hd .hd-lightingbox p{
			left: 14%;
			font-size: 14px;
		}
		#hd #strip_rgb {
    		top: 88.5%;
		}
		#hd #strip_add {
    		top: 82.5%;
		}
}
@media screen and (max-width: 1115px) {
	#hd .hd-sec-storage{
		padding:50px 0 100px; 
	}
	#hd .hd-sec-deffer .voltage{
    	margin-top: -35px;
	}

	/*hd-sec-mode*/
	#hd .hd-sec-mode .ddr4_opt .icon li:nth-child(1),
	#hd .hd-sec-mode .ddr4_opt .icon li:nth-child(2){
		top: 2.15%;
	}
}
@media screen and (max-width: 1024px) {
	/* ------------ mode -------------- */
		#hd .hd-sec-bios{
			padding:50px 30px;
		}
		#hd .hd-sec-bios li .hd-title:before,
		#hd .hd-sec-bios li .hd-title:after{
			height: 150%;
		}
		#hd #mode_switch_right,
		#hd #mode_switch_left{
			height: 70px;
		}
		#hd #mode_switch_right{
			left: 98%;
		}
		#hd #mode_switch_left{
			right: 98%;
		}

	#hd .hd-sec-headerx .switch li,
	#hd .hd-sec-headerx .switch li.hd-active,
	#hd .hd-sec-studio .switch li.hd-active,
	#hd .hd-sec-studio .switch li{
		width: 35%;
	}	

	#hd .hd-sec-deffer .voltage{
    	margin-top: 0;
	}
	#hd .hd-sec-deffer .box .pc{
		display: none;
	}
	#hd .hd-sec-deffer .box figure .mobile{
		display: block;
	}
	#hd .hd-sec-deffer .box {
    	flex-wrap: wrap;
    	flex-direction: column-reverse;
	}
	#hd .hd-sec-deffer .box figure {
    	width: 100%;
	}
	#hd .hd-sec-deffer {
    	padding: 75px 0 0;
	}
	
	#hd #personalized .hd-sec-studio .txt-content .right, 
	#hd #personalized .hd-sec-studio .txt-content .left {
    	top: -350%;
	}
	#hd #personalized .hd-sec-ramcache .txt-content .right, 
	#hd #personalized .hd-sec-ramcache .txt-content .left {
    	top: -525%;
	}
	/*AI Overclocking新增區塊*/
	#hd .ai_overclocking {
    	margin: 100px 0 250px 0;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area{
		top: 105%;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area,
	#hd .ai_overclocking .gradation_area .overclocking_area .red_img{
		width: 35%;
	}
	#hd .gradation_area .overclocking_area .red_area .ai_txt{
		padding-left: 0px !important;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area .cpu_img,
	#hd .gradation_area .overclocking_area .red_area .ai_txt{
		text-align: center;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area .cpu_img,
	#hd .gradation_area .overclocking_area .red_area .ai_txt h4{
		margin-bottom: 15px;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle{
		bottom: -40px;
	}
	/*AI Overclocking新增區塊結束*/
	#hd h2,
	#hd .sec_kv .hd-w1200 h2{
		margin-bottom: 10px;
	}
	#hd h2:before{
		/*background-size: 120% auto; */
	}
	/* ---------- sec_kv -------------- */
		#hd #performance .sec_kv h2{
			max-width: 550px;
		}
		#hd #control .sec_kv .hd-w1200.txt-center{
			position: relative;
			left: 0; 
		}
		#hd #control .sec_kv .hd-w1200.txt-center h2 {
			width: 100%;
			margin: 0 auto;
		}
		#hd #control .sec_kv .hd-w1200.txt-center p {
	    	width: 90%;
	    	margin: 0 auto;
		}
	/* ---------- #specs -------------- */
		#hd #specs{
			padding: 50px 0 30px;
		}
		#hd #specs ol li p{
			line-height: 1; 
		}
		#hd #specs ol li b{
			line-height: 1;margin-bottom: 2px;
		}
		#hd .switch li{
			width: 10px;
			height: 20px;
			margin:0 5px;
		}
		#hd .switch li.hd-active{
			width: 80px;
		}
		#hd .spec_nav {
		    margin-top: 40px;
		}
	/* ------------ ddr4 -------------- */
		#hd .hd-sec-ddr4{
			padding:50px 0; 
		}
		#hd .hd-sec-ddr4 .fleft{
			margin-top: 5%;
		}
	/* ------------ intel -------------- */
		#hd .hd-sec-networkings .fleft{
			width: 100%;
		}
		#hd .hd-sec-networkings table {
	    	width: 100%;
		}
		#hd .hd-sec-networkings .hd-intel .fright{
			width: 100%;
			margin-top: 0;
		}
		#hd .hd-sec-networkings .hd-intel .fleft{
			margin: 0;
		}
	/* ------------ fan --------------- */
		#hd .hd-sec-fan .fright{
			padding-left: 10px; 
		}
		#hd .hd-sec-fan .hd-content{
			padding:20px 5%; 
		}
	/* ------------ optimization ------ */
		#hd .hd-sec-optimization{
			padding:30px;
		}
		#hd .hd-sec-optimization .switch li h4{
			font-size: 1rem;
			min-height: 40px;
		}
	/* ------------ mode -------------- */
		#hd .hd-sec-mode{
			padding:50px 30px;
		}

		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			height: 150%;
		}
		#hd #mode_switch_right,
		#hd #mode_switch_left{
			height: 70px;
		}
		#hd #mode_switch_right{
			left: 98%;
		}
		#hd #mode_switch_left{
			right: 98%;
		}
	/* ------------ gamefirstv -------- */
		#hd .hd-sec-gamefirstv .hd-frame{
			padding-bottom: 50px; 
		}
		#hd .hd-sec-gamefirstv .switch{
			margin-top: -70px;
			margin-bottom: 70px;
		}
	/* ------------ overylay ---------- */
		#hd .hd-sec-overylay figure{
			top: 58%;
		}
		#hd .hd-sec-overylay .hd-txt{
			padding:10px;
			margin-top: 13%;
		}
	/* ------------ languard ---------- */
		#hd .hd-sec-languard .fright{
			margin-top: -10%;
		}
		#hd .hd-sec-languard .fright li {
		    left: 78%;
		    min-width: 130px;
		    font-size: 16px;
		}
	/* ---------- #intel -------------- */
		#hd #intel{
			padding:50px 0 30px; 
		}
		#hd #intel h2{
			/*font-size: 3rem;*/
			margin-bottom: 50px;
		}
		#hd #intel img + div{
			margin-bottom: 30px;
			padding-left: 30px;
		}
		#hd .hd-sec-livedash .fleft{
			width: 100%;
			margin: 0;
		}
		#hd .hd-sec-livedash .fright{
			width: 100%;
		}
	/*------watercooling----------*/
		#hd .hd-sec-watercooling figure {
		    width: 80%;
		}
		#hd .hd-sec-watercooling .hd-w1200 {
		    background-size: auto 40%;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting{
			background-position: right top;
			background-size: 500px;
		}
		#hd .hd-sec-lighting h3,
		#hd .hd-sec-lighting h3+p{margin-bottom: 10px; }
	/* ------------ armoury ----------- */
		#hd .hd-sec-armoury{padding:50px 0 70px; }
		#hd .hd-sec-armoury h3+p{margin-bottom: 30px;}
		#hd .hd_armoury_filter{width: 200px; }
		#hd .hd_armoury_filter li{padding:10px 5px;}
		#hd .hd_armoury_filter li h4{font-size: 1em; }
		#hd .hd-sec-armoury .fright{width: calc(100% - 200px); }			
}
@media screen and (max-width: 1023px) {
	#hd .hd-sec-chipset .heatsink{
		flex-wrap: wrap;
    	flex-direction: column-reverse;
	}
	#hd .hd-sec-chipset .heatsink li:nth-child(1),
	#hd .hd-sec-chipset .heatsink li:nth-child(2){
    	width: 100%;
	}
	#hd .hd-sec-chipset .heatsink li:nth-child(2) {
    	margin-left: 0;
	}
	#hd .hd-sec-chipset .heatsink figure img {
    	margin-left: 0;
	}
	#hd .hd-sec-chipset,
	#hd .hd-sec-crosschill {
    	padding: 45px 0;
	}

	#hd .hd-sec-headerx .switch li,
	#hd .hd-sec-headerx .switch li.hd-active,
	#hd .hd-sec-studio .switch{
    	margin: 25px auto;
	}

	#hd .hd-sec-wifi ul.detail_list li:nth-child(1) img{
		width: 40%;
    	margin-bottom: 20px;
	}

	#hd .hd-supremefx li:nth-child(3) .txt-box{
		top: 0%;
		left: 47%;
	}

	#hd .hd-sec-node .hd-col60,
	#hd .hd-sec-node .hd-col40{
		width: 90%;
	}

	#hd .hd-sec-aura .left_title_present p,
	#hd .hd-sec-conover .title_present p,
	#hd .hd-sec-perover .title_present p,
	#hd .hd-sec-optover .left_title_present p,
	#hd .hd-sec-advanced .left_title_present p{
		margin-bottom: 0;
	}
	#hd .hd-sec-aura .left_title_present{
		margin-top: 2.5%;
	    position: relative;
	    left: 0%;
	    right: 0;
	    top: 0;
	    width: 80%;
	    text-align: center;
	}
	#hd .hd-sec-conover .left_title_present,
	#hd .hd-sec-optover .title_present,
	#hd .hd-sec-deffer .title_present,
	#hd .hd-sec-conover .title_present,
	#hd .hd-sec-perover .title_present,
	#hd .hd-sec-optover .left_title_present,
	#hd .hd-sec-advanced .left_title_present{
		margin-top: 5.5%;
		position: relative;
	    left: 10%;
	    top: 0;
	    width: 80%;
	    text-align: center;
	}
	#hd .hd-sec-optover img, #hd .hd-sec-perover img, #hd .hd-sec-advanced img {
    	 margin-top: 0%; 
	}

	#hd .spec_nav.type2 li.hd-col20 {
    	width: 85px;
	}
	#hd .spec_nav.type2 .skew_btn li:after{
		width: 55px;
	}

	#hd .sec_perlast .left_title_present,
	#hd .sec_kv .left_title_present,
	#hd .sec_kv .title_present {
    	position: relative;
	    left: 10%;
	    top: 0;
	    width: 80%;
	    text-align: center;
	}
	/* ------------ crosschill -------- */
	#hd .hd-sec-crosschill .fright,
	#hd .hd-sec-crosschill figure{
		width: 100%;
		float:none;
		margin-left: 0;
	}
	#hd .hd-sec-crosschill .hd_description li{left: 0;}
	#hd .hd-sec-crosschill .hd_bottom{padding-top: 200px;}


	#hd #intel h2{
		/*font-size: 3.5rem;*/
	}

	#hd .hd-sec-headers ul.detail_list li{
			position: relative;
			display: inline-block;
			width: 100%;
			margin-left: -5px;
			vertical-align: top;
			padding: 0 7px;
		}
		#hd .hd-sec-headers ul.detail_list li:nth-child(n){
			left: 0;
			right: auto;
			max-width: none;
		}
		#hd .hd-sec-headers ul.detail_list h4 span{
			display: inline-block;
			border: 1px solid #890000;
			border-radius: 50%;
			width: 22px;
			height: 22px;
			margin-right: 5px;
			line-height: 22px;
			text-align: center;
		}
		#hd .hd-sec-headers ul.detail_list p{
			margin-bottom: 20px;
		}

	#hd #introduction .sec_kv p{
		width: 100%;
	}
	#hd .kv_pc_on,
	#hd .hd_1023_off{
		display: none;
	}
	#hd .kv_mobile_on,
	#hd .hd_1023_on{
		display: block;
	}
	#hd #hd_ai-overclocking{
		margin: 0;
		width: 100%;
		padding: 50px 0 0;
	}
	#hd #hd_ai-overclocking .hd-left, 
	#hd #hd_ai-overclocking .hd-right{
		width: 90%;
		text-align: center;
	}
	#hd #hd_ai-overclocking .hd-right {
    	padding-left: 0;
    	padding: 15px 0;
	}
	#hd .hd-sec-optimization .hd-w800{
		max-width: none;
		margin: 0;
    	padding: 0;
	}
	/* ------------ speed ------------- */
		#hd .hd-sec-speed .hd-txt{
			width: 50%; 
		}
		#hd .hd-sec-speed .hd-img{
			margin-left: -2%; 
		}
	/* ---------- sec_kv --------- */
		#hd .sec_kv{
			/*background: #000000;*/
		}
		#hd .glitch_top{
			padding-top: 100px;
		}
		#hd .sec_kv .hd-w1200{
			text-align: center;
			top: 0;
			-webkit-transform: translateY(0%);
		    -moz-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		    -o-transform: translateY(0%);
		    transform: translateY(0%);
		}
		#hd .sec_kv > img {
    		margin-top: 0;
		}
		#hd #introduction .sec_kv .hd-col50 {
    		width: 100%;
		}
		#hd section:before {
		    top: 50px;
		}
		#hd .sec_kv h2,
		#hd .sec_kv p{
			width: 90%;
			max-width: none !important;
			text-align: center;
		}
		#control .sec_kv h2:before,
		#personalized .sec_kv h2:before{
			top: 0; 
		}
		#hd #intel h2:before{
			/*top: 3%; */
		}
		#hd .sec_kv h3, 
		#hd .skew_nav .skew_btn h3,
		#hd .spec_nav .skew_btn h3{
			font-size: .9rem;
		} 
		#hd .skew_nav h3, 
		#hd .spec_nav h3{
			padding: 5px;
		}
		#hd .skew_nav .skew_btn li, 
		#hd .spec_nav .skew_btn li{
			margin: 0 3px 5px;
		}
		#hd #cooling .skew_nav li.hd-col20{
			width: 178px;
		}
		#hd #cooling .skew_nav li:after {
		    /*left: 91.5%;*/
		}
	/* ------------ SEC_SPEC ---------- */
		#hd #specs .spec-main{
			padding-bottom: 100%;
			background-position: center top;
		}
		#hd #specs ol li{
			padding-top: 3px;
		}
		#hd #specs ol li p{
			line-height: 1.25;
		}	
		#hd #specs .spec-1 .spec-main{
			background-image: url(../img/spec/spec-1-m.png); 
		}
		#hd #specs .spec-2 .spec-main{
			background-image: url(../img/spec/spec-2-m.png); 
		}
		#hd #specs .spec-3 .spec-main{
			background-image: url(../img/spec/spec-3-m.png); 
		}
		#hd #specs .spec-4 .spec-main{
			background-image: url(../img/spec/spec-4-m.png); 
		}
		#hd #specs .hd-w1300{
			width: 90%;
			max-width: 600px;
			margin-left: auto;
		}
		#hd #specs .hd-w1300 figure ol,
		#hd #specs .hd-w1300 figure ol li:nth-child(n){
			width: 100%;
			max-width: none;
			position: relative;
			top: 0;
			left: 0;
		}
		#hd #specs .hd-w1300 figure ol{
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			padding: 30px 0;
		}
		#hd #specs .hd-w1300 figure ol li:nth-child(n){
			margin:0;
			padding: 10px 0;
			padding-left: 40px;
		}
		#hd #specs .hd-w1300 figure ol li:before{
			display: block;
			left: 0;
			/*top: 5px;*/
		}
		#hd #specs .switch-nav{
			width: 90%;
			bottom: auto;
			top: 300px;
		}
		#hd #specs .hd-w1300 figure.spec-1 ol li:nth-child(10){
			/*margin-bottom: 10px;*/
		}
		#hd #specs .hd-w1300 figure.spec-3 ol li:nth-child(6){
			margin-bottom: 57px;
		}
		#hd #specs .hd-w1300 figure.spec-3 ol li:nth-child(13) {
		    margin-bottom: 10px;
		}
	/* ------------ overlay ----------- */
		#hd .hd-sec-overylay .hd-txt{
			padding:10px 20px; 
		}
		#hd .hd-sec-overylay .hd-txt h5{
			margin-bottom: 0;
		}
	/* ------------ ribbon ------------ */
		#hd .hd-sec-ribbon h4{
			font-size: 1.25rem;
		}
		#hd .hd-sec-ribbon .hd-title{
			width: 150px;
			padding:20px 10px;
		}
		#hd .hd-sec-ribbon .hd-content{
			width:calc(100% - 150px); 
		}
		#hd #gf5_faster .fleft{
			width:calc(100% - 170px);
		}
		#hd #gf5_faster .hd-btn{
			padding:20px;
		}
		#hd .hd-sec-oled .skew-btn h4 {
	    	font-size: 1rem;
		}
	/*--------hd-sec-advanced------*/
		#hd .hd-sec-advanced .fright {
		    width: 100%;
		    margin-top: 0;
		    margin-bottom: 0;
		    float: none;
		}	
		#hd .hd-sec-advanced figure{
			position: relative;
			width: 100%;
		}
	/* ---------hd-sec-audio-------*/
		/*#hd .hd-sec-audio ul.txt_list p {
		    font-size: 12px;
		}	
		#hd .hd-sec-audio ul.txt_list h4 {
		    font-size: 1rem;
		}
		#hd .hd-sec-audio ul.txt_list li > div {
		    padding: 15px 8px 20px;
		}*/
	/*----------wifi------------*/
		/*#hd .hd-sec-wifi ul.text li:nth-child(2) {
		    max-width: 100%;
		}	
		#hd .hd-sec-wifi ul.text {
		    padding-top: 0px;
		}*/
	/* ------------ controller ---------*/	
		#hd .hd-sec-controller .hd-col40{
			width: 100%;
		}
		#hd .hd-sec-controller figure {
		    margin-top: -3%;
		}
		#hd .hd-sec-controller img.hd_1023_on{
			max-width: 600px !important;
			margin: 0 auto;
		}
		#hd .hd-sec-controller ul.detail_list{
			max-width: 450px;
			margin: 0 auto;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(-n+4){
			position: relative;
			margin: 20px 0;
			top: auto;
			left: 0;
			right: auto;
			width: 100%;
			max-width: none;
		}
		#hd .hd-sec-controller ul.detail_list > li h4{
			background-image: url(../img/deco-line.png);
			background-size: 100% auto;
			background-position: left bottom;
			background-repeat: no-repeat;
		}
		#hd .hd-sec-controller ul.detail_list li:nth-child(-n+4) .box_list{
			margin-top: 10px;
			float: none;
			width: 100%;
		}
		#hd .hd-sec-controller ul.detail_list li .box_list small{
			background-color: #890000;
			padding: 5px;
			margin-right: 1%;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(2) small {
		    width: 32%;
		}
		#hd .hd-sec-controller ul.detail_list > li:nth-child(3) small:nth-child(-n+2){
			width: 49%;
		}
		#hd .hd-sec-controller ul.detail_list h4 .small{
			width: auto;
		}
		/*--------------overclock--------*/
			#hd .hd-sec-overclock figure .text li{
				width: 28%;
				left: 6.5%;
			}
			#hd .hd-sec-overclock figure .text li p {
			    font-size: 12px;
			}
			#hd .hd-sec-overclock figure .text li h4 {
			    font-size: .9rem;
			    margin-bottom: 0;
			}
		/*--------------- headers -------------*/
			#hd .hd-sec-headers ul.detail_list p {
			    font-size: 12px;
			}	
			#hd .hd-sec-headers ul.detail_list h4 {
			    font-size: 1rem;
			    margin-bottom: 0;
			}
			#hd .hd-sec-headers ul.detail_list li:nth-child(1) {
			    top: 17.5%;
			}
			#hd .hd-sec-headers ul.detail_list li:nth-child(3) {
			    top: 71%;
			}
			#hd .hd-sec-headers ul.detail_list li:nth-child(4) {
			    top: 13%;
			}
			#hd .hd-sec-headers ul.detail_list li:nth-child(5) {
			    top: 41%;
			}
		/*personalized	*/
			#hd #personalized .txt-content {
			    padding: 12px 40px;
			}
			#hd #personalized .sec_kv .hd-w1200 {
			    padding-top: 0px;
			}
		/*lighting*/
			/*#hd .hd-controls b {
			    display: block;
			    font-size: 13px;
			}
			#colorpicker{
				top: -5%;
				left: 43%;
			}
			#hd .hd-controls li img {
			    width: 46px;
			    height: 46px;
			}*/
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting .hd-col55{
			width: 100%;
			float:none;
		}
		#hd .hd-sec-lighting h3{margin-top: 0; }
		#hd .hd-sec-lighting h3,
		#hd .hd-sec-lighting h3+p{
			margin-bottom: 30px;
		}
		#colorpicker{right: 90%; }
		#hd .gen2 figure {
    		width: 100%;
		}
	/* ------------ wifi ---------------*/
		#hd .hd-sec-wifi ul.detail_list li{
			position: relative;
			display: inline-block;
			width: 100%;
			margin-left: -5px;
			vertical-align: top;
			padding: 0 7px;
		}
		#hd .hd-sec-wifi ul.detail_list li{
			left: 0;
			right: auto;
			max-width: none;
		}
		#hd .hd-sec-wifi ul.detail_list h4 span{
			display: inline-block;
			border: 1px solid #890000;
			border-radius: 50%;
			width: 22px;
			height: 22px;
			margin-right: 5px;
			line-height: 22px;
			text-align: center;
		}
		#hd .hd-sec-wifi ul.detail_list p{
			margin-bottom: 20px;
			font-size: 1rem;
		}
		#hd .sec_perlast nav {
    		margin-bottom: 5%;
		}
		#hd .sec_perlast p{
			margin: 0 auto;
		}		
}
@media screen and (max-width: 768px) {
	#hd .hd-sec-headerx .switch li, 
	#hd .hd-sec-headerx .switch li.hd-active{
		width: 65%;
		margin: 15px auto;
	}
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-bios .hd-frame li{
			width: 100%;
			margin-left: 0%;
		}
		#hd .hd-sec-bios li .hd-title{
			line-height: 1.25;
			/*padding:0 5%;*/
			margin-bottom: 30px;
		}
		#hd .hd-sec-bios li .hd-title:before,
		#hd .hd-sec-bios li .hd-title:after{
			width: 55%;
		}
		#hd .hd-sec-bios li .hd-col50{
			width: 100%;
			margin-left: 0;
			margin-bottom: 20px;
		}
		#hd #gamefirstv_switch_right,
		#hd #gamefirstv_switch_left{
			display: none !important;
		}
		#hd .hd-sec-bios .hd-frame {
    		margin-top: 50px;
		}
	/*hd-sec-mode*/
	#hd .hd-sec-mode .ddr4_opt .bg{
		display: none;
	}
	#hd .hd-sec-mode .ddr4_opt .mobile_bg{
		display: block;
	}
	#hd .hd-sec-mode .ddr4_opt .icon li:nth-child(1){
    	top: 1.75%;
    	left: auto;
    	right: 35%;
	}
	#hd .hd-sec-mode .ddr4_opt .icon li:nth-child(2){
		top: 44.75%;
	    left: auto;
	    right: 35%;
	}
	#hd .ddr4_opt .cpuz li:nth-child(1) img,
	#hd .ddr4_opt .cpuz li:nth-child(2) img{
		width: 80%;
    	margin: 0 auto;
	}
	#hd .ddr4_opt .cpuz li:nth-child(2) {
    	bottom: 55%;
    	right: 0;
	}
	#hd .hd-sec-mode .box{
		flex-wrap: wrap;
	}
	#hd .hd-sec-mode .box figure {
    	width: 80%;
    	margin: 0 auto;
	}

	#hd .gen2{
		flex-wrap: wrap;
	}
	#hd .gen2 .addressable figure .bg{
		width: 100%;
	}
	#hd .hd-sec-wifi ul.detail_list li:nth-child(1) img {
    	width: 60%;
	}
	#hd .hd-sec-storage{
		padding:50px 0 50px; 
	}
	
	#hd #personalized .hd-sec-ramcache .txt-content .right, 
	#hd #personalized .hd-sec-ramcache .txt-content .left {
    	top: -425%;
	}
	/* ------------ crosschill -------- */
	#hd .hd-sec-crosschill .fright,
	#hd .hd-sec-crosschill figure{width: 100%;}
	#hd .hd-sec-crosschill .hd_bottom{padding-top: 29%;}
	#hd .hd-sec-crosschill .hd_description,
	#hd .hd-sec-crosschill .hd_description li{
		width: 100%;
		max-width: 400px;
		position: relative;
		top: 0;right: 0;bottom: 0;left: 0;
	}
	#hd .hd-sec-crosschill .hd_description li:before{
		display: none;
	}
	#hd .hd-sec-crosschill .hd_description li:nth-child(1){
		margin-bottom: 10px;
	}
	/* ------------ --------- -------- */
	.hd-rainbow-alpha li:nth-child(1):before,
	.hd-rainbow-alpha li:nth-child(1):after{
		display: none;
	}
	.hd-rainbow-alpha li:nth-child(2) {
    	top: 20%;
    	left: 7.5%;
	}
	.hd-rainbow-alpha li:nth-child(3) {
    	top: 60%;
    	left: 37.5%;
    	width: 40%;
	}
	.hd-flash-alpha li:nth-child(2) {
    	left: 79.5%;
	}
	@-webkit-keyframes flash_alpha{
		0%	{
			z-index: -1;
		    -webkit-transform: translateY(-50%);
		}
		100%{
			z-index: -1;
		    -webkit-transform: translateY(75%);
		}
	}
	@keyframes flash_alpha{
		0%	{
			z-index: -1;
		    transform: translateY(-50%);
		}
		100%{
			z-index: -1;
		    transform: translateY(75%);
		}
	}


	#fp-nav.right{
		display: none;
	}
	/*AI Overclocking新增區塊*/
	#hd .ai_overclocking .cpu_cooling .black_area {
     	padding: 0 !important; 
	}
	#hd .ai_overclocking .cpu_cooling{
		flex-direction: column;
		padding: 25px 0;
	}
	#hd .ai_overclocking .cpu_cooling .black_area .cpu_img{
		display: block;
	}
	#hd .ai_overclocking .cpu_cooling .hd-AIimg{
		margin: 25px !important;
	}
	#hd .ai_overclocking {
    	margin: 50px 0 300px 0;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area{
		bottom: -175px;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area .cpu_img,
	#hd .gradation_area .overclocking_area .red_area .ai_txt h4{
		margin-bottom: 10px;
	}
	#hd .gradation_area .overclocking_area .red_area .ai_txt h4{
		font-size: 1.15rem;
	}
	#hd .gradation_area .overclocking_area .red_area .ai_txt p {
    	line-height: 1.25;
	}
	/*AI Overclocking新增區塊結束*/
	#hd .hd-sec-oled .hd-col50 {
    	width: 100%;
	}
	#hd .hd_mobile_off{
		display: none;
	}
	#hd .hd_mobile_on{
		display: block; 
	}
	/* ------------ speed ------------- */
		#hd .hd-sec-speed .hd-txt,
		#hd .hd-sec-speed .hd-img{
			width: 100%;
			margin-left: 0;
		}
		#hd .hd-sec-speed h5{
			margin-top: 0;
		}
		#hd .hd-sec-speed .hd-img{
			width: 90%;
			max-width: 400px;
			margin:0 auto;
			float: none;
			display: block;
		}	
		#hd .hd-sec-speed figure{
			max-width: 500px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
	/*------------spec------------*/
		#hd .spec_nav {
		    margin-top: 20px;
		}
	/* ---------- sec_kv --------- */
		#hd .glitch_top{
			padding-top: 70px;
		}
		#hd section:before {
		    top: 35px;
		}
		#hd .sec_kv .hd-w1200{
			position: relative; 
		}
		#hd .sec_kv > img{
			margin-top: -10%;
		}
		#hd .sec_kv h3{
			font-size: 1rem;
		}
		#hd .skew_nav .skew_btn li:after{
			/*left: 92%;*/
		}
		#hd #connectivity .skew_nav li.hd-col20{
			width: 150px;
		}
		#hd #connectivity .skew_nav .skew_btn li:after {
		    /*left: 91%;*/
		}
		#hd .sec_content {
		    margin-top: -20px;
		}
	/* ------ overclock & ddr4--------- */
		#hd .hd-sec-ddr4 .fleft,
		#hd .hd-sec-ddr4 .fright,
		#hd .hd-sec-optimem .fleft,
		#hd .hd-sec-optimem .fright{
			width: 100%;
			padding-left: 0;
			margin:0 auto;
			float:none;
		}
	/* ------------ ramcache ---------- */
		/*#hd .hd-sec-ramcache{
			width: 90%;
		}
		#hd #ramcache-img > img:first-child{
			display: none; 
		}
		#hd #ramcache-img figure{
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 75%;
			margin:0 auto;
			z-index: 0;
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd #ramcache_switch_right{
			left: 95%; 
		}
		#hd #transfer_time{
			position: relative;
			width: 300px;
			margin:20px auto 0;
			right: 0;
		}*/
	/* ------------ fan --------------- */
		#hd .hd-sec-fan{
			padding:30px 0; 
		}
		#hd .hd-sec-fan .fleft,
		#hd .hd-sec-fan .fright{
			width: 100%;
			padding-left: 0;
			margin:0 auto;
			float:none;
		}
		#hd .hd-sec-fan .fleft{
			max-width: 450px; 
		}
		#hd .hd-sec-fan .hd-filter,
		#hd .hd-sec-fan .hd-content{
			margin:0 auto;
		}
	/* ------------ optimization ------ */
		#hd .hd-sec-optimization .switch{
			display: flex;
			justify-content: center;
		}
		#hd .hd-sec-optimization .switch li{
			width: auto !important;
			margin:0 2px;
			padding:5px 20px;
		}
		#hd .hd-sec-optimization .hd-content li{
			text-align: center;
		}
		#hd .hd-sec-optimization .hd-content li h3{
			font-size: 1.5rem;
			margin-bottom: 50px;
		}
		#hd .hd-sec-optimization .hd-content li .hd-col50{
			width: 80%;
			margin-left: 0;
		}
		#hd .hd-sec-optimization .hd-content li img{
			width: 90%;
			max-width: 400px;
			margin:10px auto;
		}
	/* ------------ mode & gamefirstv - */
		#hd .hd-frame li{
			width: 150%;
			margin-left: -25%;
		}
		#hd .hd-sec-gamefirstv li .hd-title{
			line-height: 1.25;
			padding:0 5%;
			margin-bottom: 30px;
		}
		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			width: 55%;
		}
		#hd .hd-sec-gamefirstv li > div{
			width: 100%;
			margin-left: 0;
			margin-bottom: 20px;
		}
		#hd #gamefirstv_switch_right,
		#hd #gamefirstv_switch_left{
			display: none !important;
		}
	/* ------------ overlay ----------- */
		#hd .hd-sec-overylay{
			overflow: hidden;
		}
		#hd .hd-sec-overylay h3{
			margin-top: 30px;
			margin-bottom: -30px;
		}
		#hd .hd-sec-overylay > img{
			max-width: none !important;
			width: 120%;
			margin-left: -15%;
		}
		#hd .hd-sec-overylay .hd-txt p{
			line-height: 1.25;
			padding-left: 20px;
		}
	/* ------------ ribbon ------------ */
		#hd .hd-sec-ribbon figure,
		#hd .hd-sec-ribbon .hd-title{
			display: block;
			width: 100%;
		}
		#hd .hd-sec-ribbon figure{
			padding:10px 0 50px; 
		}
		#hd .hd-sec-ribbon .hd-title{
			width: 80%;
			padding:20px 10px;
			margin:0 auto;
		}
		#hd .hd-sec-ribbon .hd-title:before{
			background: #840000; 
		}
		#hd .hd-sec-ribbon .hd-title:after{
			content: '';
			display: block;
			width: 200%;
			height: 100%;
			position: absolute;
			top: 0;
			left: calc(100% - 10px);
			margin-top: -20px;
			background: #840000;
			z-index: -1;
		}
		#hd .hd-sec-ribbon .hd-content{
			width: 100%;
			margin:-21px 0 0;
		}
		#hd #gf5_low_latency,
		#hd #gf5_faster{
			padding-right: 5%; 
		}
		#hd #gf5_low_latency{
			padding-top: 30px;
		}
		#hd #gf5_low_latency:before{
			background: #840000;
			background: -moz-linear-gradient(top, #840000 30%, #330000 100%);
			background: -webkit-linear-gradient(top, #840000 30%, #330000 100%);
			background: linear-gradient(to bottom, #840000 30%, #330000 100%);
		}
		#hd #gf5_faster:before{
			background: #5f0000;
			background: -moz-linear-gradient(top, #5f0000 30%, #000000 100%);
			background: -webkit-linear-gradient(top, #5f0000 30%,#000000 100%);
			background: linear-gradient(to bottom, #5f0000 30%,#000000 100%);
		}
	/* ---------- #intel -------------- */
		/*#hd #intel h2 {
			font-size: 2rem; 
		}*/
	/*------watercooling----------*/
		#hd .hd-sec-watercooling figure {
		    width: 100%;
		}
		#hd .hd-sec-watercooling .hd-w1200 {
		    background-image: none;
		}	
	/* ---------hd-sec-audio-------*/
		#hd .audio-switch li h4{font-size: 16px; }
		#hd .hd-audio-btnbox .hd-col50{padding:0 10px;}
		#hd .btn-audio{padding:30px 20px 10px;}
	/*----------wifi------------*/
	/* -----------overclock----------*/
		#hd .hd-sec-overclock figure .text{
			width: 90%;
			margin: 0 auto;
		}
		#hd .hd-sec-overclock figure .text li{
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
		}
		#hd .hd-sec-overclock figure .text li:nth-child(n){
			top: auto;
		}
		#hd .hd-sec-overclock figure .text li p{
			margin-bottom: 15px;
		}
		#hd .hd-sec-overclock img.mobile{
			display: block;
		}
		#hd .hd-sec-overclock img.pc{
			display: none;
		}
	/*--------------- headers -------------*/
	/*personalized*/
		#hd .personalized_nav .skew_btn h3 {
		    font-size: .9rem;
		}
		#hd .personalized_nav li.hd-col20 {
		    width: 150px;
		}
		#hd #personalized {
		    padding-top: 60px;
		}
		#hd #personalized .main-txt {
		    padding: 8px 0;
		}
		#hd #personalized .main-txt p,
		#hd #personalized .txt-content p{
			font-size: .9rem;
		}
		#hd #personalized #strip_add,
		#hd #personalized #strip_rgb{
			display: none;
		}
		#hd #personalized .txt-content h3{
			margin-bottom: 5px;
		}
	/* ------------ lighting ---------- */
	/* ------------ supremefx --------- */
	#hd .audio-switch li h4{font-size: 16px; }
	#hd .hd-supremefx .txt-box{width: 90%; }
	#hd .hd-supremefx{padding-bottom: 100px; }
	#hd .hd-supremefx li:nth-child(n) .txt-box{
		width: 90%;
		position: relative;
		top: 0;
		left: 0;
		margin:0 auto;
		text-align: center;
	}
	#hd .hd-audio-btnbox .hd-col50{padding:0 10px;}
	#hd .btn-audio{padding:30px 20px 10px;}
	/* ------------ SEC_LIGHTING ------------ */
		#hd .hd-sec-lighting{padding-bottom: 0; }
	/* ------------ gf_network -------- */
		#hd .hd-sec-gf_network{padding-bottom: 0;}
		#hd #gf_slider .item{
			height: auto;
			padding-bottom:40%;
		}
		#hd #gf_slider .owl-prev,
		#hd #gf_slider .owl-next{
			width: 40px;
			height: 70px;
			position: absolute;
			top: auto;
			margin:0;
			background-position: center center;
			background-size: 100%;
		}
		#hd #gf_slider .owl-dots{
			width: 100%;
			position: absolute;
			bottom: 0;
			text-align: center;
			margin-bottom: 30px;
		}
		#hd #gf_slider .owl-dot{
			display: inline-block;
			vertical-align: top;
			width: 10px;
			height: 10px;
			border-radius: 6px;
			border:1px solid #cc0000;
			margin:5px;
		}
		#hd #gf_slider .owl-dot.active{background-color: #cc0000;}
		#hd #gf_slider .slide-1,
		#hd #gf_slider .slide-2{background-size: 140%; }
		#hd #gf_slider .slide-3{padding-bottom: 0;}
		#hd #gf_slider .slide-1 .content,
		#hd #gf_slider .slide-2 .content,
		#hd #gf_slider .slide-3 .content{
			width: 90%;
			position: relative;
			left: 0;right: 0;
			top: 0;
			margin:0 auto;
		}
		#hd #gf_slider .slide-3 .content{
			top: 0;
			left: 0;
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd #gf_slider .slide-1 .icon_list,
		#hd #gf_slider .slide-2 .icon_list{
			width: 140%;
			height: 0;
			padding-bottom: 56%;
			top: auto;
			bottom: 0;
		}
		#hd #gf_slider .slide-1 .icon_list li{
			top: 26%;
			left: 17%;
		}
		#hd #gf_slider .slide-2 .icon_list li{
			background-position: center center;
			background-size: 60%;
		}
		#hd #gf_monitor{
			position: relative;
			width: 90%;
			padding-bottom: 69%;
			top: 0;left: 0;right: 0;
			margin:0 auto 10px;
		}
		#hd #gf_app_list{
			position: relative;
			width: 30%;
			padding-bottom: 30%;
			top: 0;left: 0;bottom: 0;
			margin-top: -20%;
			margin-left: 5%;
		}
		#hd .hd-sec-optimization .hd-frame {
    		 margin-top: 0; 
		}		
}
@media screen and (max-width: 620px) {
	#hd .hd-sec-headerx .switch li h4, 
	#hd .hd-sec-headerx .switch li.hd-active h4{
		font-size: 1rem;
	}
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-bios{
			padding:50px 20px 20px;
		}
		#hd .hd-sec-bios li .hd-title{
			background: #270201;
		}
		#hd .hd-sec-bios li .hd-title:before,
		#hd .hd-sec-bios li .hd-title:after{
			display: none;
		}
		#hd .hd-sec-bios .scrollbox{
			padding-bottom: 50%;
		}

	#hd .hd-sec-chipset .heatsink figure {
    	flex-wrap: wrap;
	}
	
	#hd .hd-sec-studio .switch li{
		width: auto !important;
	    margin: 0 2px;
	    padding: 5px 20px;
	}
	#hd .hd-sec-studio .switch li h4{
		font-size: 1rem;
    	min-height: 30px;	
	}

	/*hd-sec-mode*/
	#hd .hd-sec-mode .ddr4_opt .icon li:nth-child(2) {
    	top: 43%;
	}

	#hd .spec_nav.type2 li.hd-col20 {
    	width: 55px;
	}
	#hd .spec_nav.type2 .skew_btn li:after {
    	width: 45px;
	}

	#hd #personalized .hd-sec-studio .txt-content .right, 
	#hd #personalized .hd-sec-studio .txt-content .left {
    	top: -275%;
	}
	/*AI Overclocking新增區塊*/
	#hd .ai_overclocking {
    	margin: 50px 0 250px 0;
	}
	#hd .ai_overclocking .gradation_area .gradation_bg .fleft, 
	#hd .ai_overclocking .gradation_area .gradation_bg .fright{
		display: none;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle .fleft,
	#hd .ai_overclocking .gradation_area .ai_cycle .fright{
		width: 57.5%;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle{
		padding: 0 2.15% !important;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area{
		display: block;
		top:15%;
		position: relative;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area{
		margin-bottom: 125px !important;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area,
	#hd .ai_overclocking .gradation_area .overclocking_area .red_img{
		width: 55%;
		position: relative;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area::before{
		content: '';
		background-image: url(../img/AI_OVERCLOCKING/left_bg_m.png);
		position: absolute;
		top: -25%;
	    left: -50%;
	    background-size: cover;
	    width: 200%;
	    padding-bottom: 175%;
	    z-index: -1;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_img::before{
		content: '';
		background-image: url(../img/AI_OVERCLOCKING/right_bg_m.png);
		position: absolute;
		top: -25%;
	    right: -50%;
	    background-size: cover;
	    width: 200%;
	    padding-bottom: 175%;
	    z-index: -1;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle{
		/*bottom: 0;*/
		display: none;
	}
	/*AI Overclocking新增區塊結束*/
	#hd #personalized .sec_kv li.hd-col20:nth-child(1) h3{
    	line-height: 2em;
	}
	#hd #performance .sec_kv li.hd-col20:nth-child(2) h3{
    	line-height: 2em;
	}
	#fp-nav {
		display: none; 
	}
	#hd h2{
		font-size: 1.75rem;
	}
	#hd h2:before{
		/*background-size: 150% auto;
		padding-bottom: 16%;*/
	}
	/* ---------- sec_kv --------- */
		#hd .skew_nav .skew_btn li:after{
			/*left: 93%;*/
		}
	/* ------------ SPECS ------------- */
		#hd #specs ol{
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	/* ------------ optimization ------ */
		#hd .hd-sec-optimization .switch{
			flex-wrap: wrap;
		}
		#hd .hd-sec-optimization .switch:before{
			display: none;
		}
		#hd .hd-sec-optimization .switch li{
			width: 28% !important;
			margin:0 2px 5px;
			padding:5px 20px;
		}
		#hd .hd-sec-optimization .switch li:nth-child(n+4){
			width: 40% !important; 
		}
		#hd .hd-sec-optimization .hd-content li{
			margin-top: 0;
			margin-bottom: 0; 
		}
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-mode{
			padding:50px 20px 20px;
		}
		#hd .hd-sec-gamefirstv li .hd-title{
			padding:10px;
			background: #270201;
		}
		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			display: none;
		}
	/* ------------ overlay ----------- */
		#hd .hd-sec-overylay{
			padding-bottom: 30px;
		}
		#hd #overlay-bg{
			width: 175%;
			margin-left: -25%;
		}
		#hd .hd-sec-overylay figure{
			position: relative;
			width: 90%;
			padding-bottom: 70px;
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd .hd-sec-overylay figure img{
			width: 55%;
		}
		#hd .hd-sec-overylay .hd-txt{
			width: 45%;
			padding:10px;
			margin-top: 10%;
		}
		#hd .hd-sec-overylay .hd-txt:before{
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd .hd-sec-overylay .hd-txt p{
			padding-left: 0;
		}
		#hd .hd-sec-overylay.hd-active figure img{
			-webkit-transition: none;
			   -moz-transition: none;
			    -ms-transition: none;
			     -o-transition: none;
			        transition: none;
		}
		#hd .hd-sec-overylay.hd-active .hd-txt{
			-webkit-transition: none;
			   -moz-transition: none;
			    -ms-transition: none;
			     -o-transition: none;
			        transition: none;
		}
	/* ------------ ribbon ------------ */
		#hd #gf5_faster .fleft{
			width: 100%;
			float: none;
		}
		#hd #gf5_faster .hd-btn{
			display: inline-block;
			float: none;
			margin-top: 10px;
		}
	/* ------------ grid -------------- */
		#hd .hd-sec-grid{
			padding:50px 0;
		}
		#hd .hd-sec-grid .hd-col40,
		#hd .hd-sec-grid .hd-col70{
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		#hd .hd-sec-grid .hd-col70 img{
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
	/* ---------- #intel -------------- */
		#hd #intel .hd-w1100 img{
			display: block;
			margin:0 auto 20px;
		}
		#hd #intel .hd-w1100 img + div{
			display: block;
			width: 100%;
			margin-left: 0;
			padding-left: 0;
			text-align: center;
		}
		#hd .flex-box img{
			width: 40%;
		}
	/*------watercooling----------*/
		#hd .hd-sec-watercooling ul.tetail_list{
			margin-top: 0%;
		}
		#hd .hd-sec-watercooling ul.tetail_list li{
			position: relative;
		}	
		#hd .hd-sec-watercooling ul.tetail_list li:nth-child(-n+2){
			left: auto;
			top: auto;
			width: 100%;
		}
		#hd .hd-sec-watercooling ul.tetail_list li:nth-child(2) h4:after{
			display: none;
		}
		#hd .hd-sec-watercooling ul.tetail_list p{
			max-width: none;
			margin-bottom: 15px;
		}
		#hd .hd-sec-watercooling ul.tetail_list h4{
			background-image: none;
			padding-top: 15px;
		}
		#hd .hd-sec-watercooling ul.tetail_list p,
		#hd .hd-sec-watercooling ul.tetail_list h4{
			padding-left: 45px;
		}
	/*--------hd-sec-advanced------*/
		#hd .hd-sec-advanced b{
			font-size: 12px;
		}	
		#hd .hd-sec-advanced figure img{
			width: 130% !important;
			max-width: 130% !important;
		}
		#hd .hd-sec-advanced figure{
			overflow: hidden;
		}
		#hd .hd-sec-advanced b {
		    max-width: 35%;
		}
	/* ------------ supremefx --------- */
	#hd .hd-audio-btnbox{display: block;}
	#hd .hd-audio-btnbox .hd-col50{
		width: 100%;
		padding:10px 0;
	}	
	/* ---------hd-sec-audio-------*/
		/*#hd .hd-sec-audio ul.txt_list h4 {
		    margin-bottom: 5px;
		}
		#hd .hd-sec-audio ul.txt_list li > div {
		    padding: 15px 8px 15px;
		}*/

	#hd .mobile_on{
		display: block;
	}	
	#hd .pc_on{
		display: none;
	}
	#hd .hd-sec-watercooling ul.tetail_list li:before{
		display: block;
	}
	
	#hd .hd-sec-lighting{
		/*padding-top: 70px;*/
		background-position: right 30%;
	}
	#hd .hd-sec-lighting:before,
	#hd #amd h2:before{
		background-size: 1280px;
		padding-bottom: 60%;
	}
	#hd #amd h2:before{padding-bottom: 110%; }
	#hd .hd-lightingbox{
		height: 0;
		padding-bottom: 128%;
	}
	#colorpicker{display: none !important; }
	#hd #strip_add {
    	top: 81%;
	}
	#hd #strip_rgb {
    	top: 87.75%;
	}
	/* ------------ armoury ----------- */
		#hd .hd-sec-armoury{padding:50px 0;}
		#hd .hd_armoury_filter{width: 100%;}
		#hd .hd-sec-armoury .fright{width: 100%;}
		#hd .hd_armoury_filter li{
			display: inline-block;
			vertical-align: top;
			width: 200px;
			padding:10px 5px;
			margin:3px;
		}
		#hd .hd_armoury_filter li h4{font-size: .875em; }
		#hd .hd_armoury_content{
			width: 100%;
			padding-left: 0;
			margin-top: 10px;
		}

}
@media screen and (max-width: 520px) {
	/*hd-sec-mode*/
	#hd .hd-sec-mode .ddr4_opt .icon{
		display: none;
	}
	#hd .hd-sec-mode .ddr4_opt .mobile_bg .ui {
    	display: block;
	}

	#hd #personalized .hd-sec-studio .txt-content .right, 
	#hd #personalized .hd-sec-studio .txt-content .left {
    	top: -215%;
	}
	#hd #personalized .hd-sec-ramcache .txt-content .right, 
	#hd #personalized .hd-sec-ramcache .txt-content .left {
    	top: -325%;
	}
	#hd #personalized .sound-row .hd-col33{
		width: 100%;
		padding: 0;
		max-width: 350px;
		margin-bottom: 0 auto;
	}
	#hd #personalized .sound-row{
		margin-top: 0;
	}
}
@media screen and (max-width: 480px) {
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-bios .hd-frame{
			margin-top: 30px;
		}
		#hd .hd-sec-bios li .hd-title{
			margin-top: 0;
		}
		#hd .hd-sec-bios .scrollbox{
			padding-bottom: 100%;
		}

	#hd #personalized .hd-sec-studio .txt-content .right, 
	#hd #personalized .hd-sec-studio .txt-content .left {
    	top: -265%;
	}

	#hd #personalized .hd-sec-studio .screenBox .ui_list {
    	left: 0%;
	}

	#hd #intel h2{
		/*font-size: 72px;*/
	}

	/*AI Overclocking新增區塊*/
	#hd .ai_overclocking .cpu_cooling .black_area {
    	width: 200px;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area {
    	margin-bottom: 75px !important;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area::before {
	    left: -25%;
	    width: 100%;
	    padding-bottom: 100%;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_img::before {
	    right: -17.5%;
	    width: 100%;
	    padding-bottom: 100%;
	}
	#hd .ai_overclocking .gradation_area .overclocking_area .red_area,
	#hd .ai_overclocking .gradation_area .overclocking_area .red_img{
		width: 100%;
	}
	#hd .ai_overclocking .gradation_area .gradation_bg .fleft{
		margin-bottom: 150px;
	}
	#hd .ai_overclocking .gradation_area .ai_cycle .fleft, 
	#hd .ai_overclocking .gradation_area .ai_cycle .fright{
		margin-bottom: 75px;
	}
	/*AI Overclocking新增區塊結束*/
	#hd .hd-sec-speed b {
	    font-size: 12px;
	}
	#personalized .sec_kv li.hd-col20:nth-child(1) h3 {
    	line-height: 1em;
	}
	#hd #hd_ai-overclocking{
		padding:20px 0;
	}
	#hd h2:before{
		/*background-size: 200% auto;
		padding-bottom: 32%;*/
	}
	#hd h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	#hd h4 {
		font-size: 1.1rem;
		margin-bottom: 10px;
	}
	#hd h5{
		font-size: 14px;
	}
	#hd .switch{
		margin:50px 0;
	}
	#hd .hd-frame{
		width: 100%;
		padding:0;
		margin:30px 0;
		border:none;
		outline-offset: 10px;
		outline:1px solid #cc0000;
	}
	#hd .hd-frame.hd-frame-pink{
		margin:30px 0;
		border:none;
		outline:1px solid #d40c6b;
	}
	#hd .hd-frame.hd-frame-cyan{
		margin:30px 0;
		border:none;
		outline:1px solid #10b7af;
	}
	#hd .hd-frame li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 0;
	}
	/* ---------- sec_kv --------- */
		#hd .glitch_top{
			padding-top: 50px;
		}
		#hd section:before {
		    top: 25px;
		}
		#hd .sec_kv h3{
			padding:10px 5px;
			font-size: 14px;
			min-height: 0;
		}
		#hd .sec_kv h3, 
		#hd .skew_nav .skew_btn h3,
		#hd .spec_nav .skew_btn h3 {
		    font-size: 12px;
		}
		#hd #cooling .skew_nav li.hd-col20,
		#hd #optimization .skew_nav li.hd-col20,
		#hd #performance .skew_nav li.hd-col20,
		#hd .spec_nav .skew_btn li {
		    width: 152px;
		}
		#hd .skew_nav .skew_btn li, 
		#hd .spec_nav .skew_btn li {
		    margin: 0 1px 5px;
		}
		#hd .skew_nav .skew_btn li:after,
		#hd .spec_nav .skew_btn li:after {
		    /*left: 91%;*/
		}
	/* ------------ SPECS ------------- */
		#hd #specs .spec-main{
			padding-bottom: 115%; 
		}
		#hd #specs .hd-w1300 figure ol{
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;
			padding: 30px 0 0;
		}
		#hd .switch li,
		#hd .switch p{
			padding:0 5px;
		}

		#hd #specs .switch-nav{
			width: 100%;
			top: 300px;
		}
		#hd #specs .switch-nav .hd-left,
		#hd #specs .switch-nav .hd-right{
			height: 70px; 
		}
		#hd #specs .hd-w1300 figure.spec-1 ol li:nth-child(10),
		#hd #specs .hd-w1300 figure.spec-3 ol li:nth-child(6),
		#hd #specs .hd-w1300 figure.spec-3 ol li:nth-child(13) {
		    margin-bottom: 0;
		}
	/* ------------ optimization ------ */
		#hd .hd-sec-optimization .switch li{
			width: 40% !important; 
		}
		#hd .hd-sec-optimization .switch li:nth-child(n+3){
			width: 75% !important; 
		}
		#hd .hd-sec-optimization .hd-frame{
			margin-top: 20px; 
		}
		#hd .hd-sec-optimization .hd-content li h3{
			margin:0 auto 10px;
		}
	/* ------------ mode & gamefirstv - */
		#hd .hd-sec-gamefirstv{
			padding-left: 0;
		}
		#hd .hd-sec-gamefirstv .hd-frame{
			margin-top: 30px;
		}
		#hd .hd-sec-gamefirstv li .hd-title{
			margin-top: 0;
		}
	/* ------------ SEC_LIGHTING ------ */
	/* ------------ overlay ----------- */
		#hd .hd-sec-overylay h3{
			margin-top: 0;
			margin-bottom: 0;
		}
		#hd .hd-sec-overylay .hd-txt{
			width: 100%;
			float: none;
			margin-top: 0;
		}
		#hd .hd-sec-overylay figure img{
			width: 300px;
			margin:20px auto 0;
			float: none;
		}
	/* ------------ ribbon ------------ */
		#hd #gf5_low_latency li{
			width: 40%;
		}
		#hd #gf5_low_latency li.txt-large{
			font-size: 10vw;
		}
		#hd #gf5_faster{
			padding-top: 40px;
		}
		#hd .hd-infoBar h4.txt-red{
			width: 100%;
			margin-top: 5px;
			padding-left: 10px;
		}
		#hd .hd-infoBar .bar{
			min-width: 150px;
		}
		#hd .hd-infoBar .bar.red{
			min-width: 100px;
		}
		#hd .hd-infoBar img{
			vertical-align: top;
		}
	/* ------------ ramcache ---------- */
		#hd #ramcache-img figure{
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 75%;
			margin:0 auto;
			z-index: 0;
			-webkit-transform: none;
			   -moz-transform: none;
			    -ms-transform: none;
			     -o-transform: none;
			        transform: none;
		}
		#hd #ramcache-img .hd-txt{
			line-height: 1.1;
		}
		#hd #ramcache_switch_right{
			height: 50px;
			bottom: 30%;
		}
		#hd #transfer_time{
			width: 250px; 
		}
	/* ---------hd-sec-audio-------*/
		/*#hd .hd-sec-audio ul.txt_list li:nth-child(-n+5){
			width: 100%;
			padding: 3px 0;
		}	
		#hd .hd-sec-audio ul.txt_list li > div{
			padding: 8px;
		}*/
	/* ------------ supremefx --------- */
		#hd .hd-supremefx{padding-bottom: 150px; }
		#hd .audio-switch li h4{font-size: 14px; }
		#hd .audio-switch li#dragger.pos1{left: -2%; }
		#hd .audio-switch li#dragger.pos2{left: 19%; }
		#hd .audio-switch li#dragger.pos3{left: 46%; }
		#hd .audio-switch li#dragger.pos4{left: 73%; }
		#hd .audio-switch li#dragger.pos5{left: 94.5%; }	
	/* ------------ controller ---------*/		
		#hd .hd-sec-controller ul.detail_list > li:nth-child(-n+4){
			margin: 12px 0;
		}
	/* ------------ overclock --------- */
		#hd .hd-sec-overclock .fright{
			-moz-transform:translateX(-10%) ;
			-webkit-transform:translateX(-10%) ;
			-o-transform:translateX(-10%) ;
			-ms-transform:translateX(-10%) ;
			transform:translateX(-10%) ;
		}
		#hd .hd-sec-overclock .fright .text li {
		    width: 41%;
		}
	/*--------------- headers -------------*/
		#hd .hd-sec-headers ul.detail_list li{
			display: block;
			width: 100%;
			margin-left: 0;
			padding: 0 ;
		}
		#hd .hd-sec-headers ul.detail_list p{
			margin-bottom: 15px;
		}
	/* ------------ lighting ---------- */
		/*#hd .hd-controls li{
			width: 25%;
		}
		#hd .hd-lightingbox {
		    width: 100%;
		    padding-bottom: 100%;
		}
		#hd .hd-lightingbox p{
			left: 19%;
			font-size: 14px;
		}
		#color, #greybg {
			padding-bottom: 98%;
		}	
		#hd .hd-controls li img {
		    margin: 8px auto 5px;
		}
		#hd #strip_add {
		    top: 76%;
		}
		#hd #strip_rgb {
		    top: 85%;
		}
		#hd #strip_add:before,
		#hd #strip_rgb:before {
		    width: 20px;
		    height: 20px;
		    line-height: 20px;
		    left: -30px;
		}*/
	/*personalized*/
		#hd #personalized .txt-content {
		    padding: 12px 20px;
		}
		#hd #personalized .txt-content .left, 
		#hd #personalized .txt-content .right {
		    width: 18px;
		    height: 70px;
		}
		#hd .hd-sec-crate .screenBox,
		#hd .hd-sec-ramcache .screenBox,
		#hd #personalized .screenBox{
		    width: 90%;
		    margin: 0 auto;
		}
		#hd #personalized .hd-sec-gamefirst .screenBox,
		#hd #personalized .hd-sec-studio .screenBox,
		#hd #personalized .hd-sec-oled .screenBox{
			margin-bottom: 15%;
		}	
		#hd .hd-sec-gamefirst .pd,
		#hd .hd-sec-studio .pd,
		#hd .hd-sec-oled .pd {
		    width: 60%;
		    right: 0;
		    bottom: -25%;
		}
	/* ------------ SEC_LIGHTING ------------ */
		#hd #strip_add,
		#hd #strip_rgb,
		#colorpicker{display: none; }
		#hd .hd-lightingbox{
			margin-left: auto;
			margin-top: 20px;
		}
		#hd .hd-lightingbox p{
			font-size: 14px;
		}
		#hd .hd-controls li{width: 33.3333%; }

}