@charset 'utf-8';

@media screen and (max-width: 1650px) {
	#hd .skew_nav li.hd-col20 {
	    display: inline-block;
	    vertical-align: top;
	    width: 350px;
	}
	#hd #control .skew_nav li.hd-col20:nth-child(1) h3{
    	line-height: 2em;
	}
}
@media screen and (max-width: 1440px) {
	#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;
		}
		#hd #specs ol li .dot:before{
			top: 6px;
		}
	/* ---------- sec_kv --------- */
		#hd .sec_kv .hd-w1200 {
		    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: .95rem;
		}
		#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 #specs ol li p{
		font-size: 0.9rem;
	}
	/* ------------ 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){
	#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 .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 .spec-2 ol li:nth-child(n+4) {
		    left: 81%;
		}
		#hd #specs ol li img {
		    max-width: 110px !important;
		}
		#hd #specs ol li p ,
		#hd #specs ol li b{
		     font-size: 13px; 
		}
	/* ------------ 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-mode li .hd-title,
		#hd .hd-sec-gamefirstv li .hd-title{
			padding:0 18%;
			margin-bottom: 70px;
		}
		#hd .hd-sec-mode li .hd-title:before,
		#hd .hd-sec-mode li .hd-title:after,
		#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: -50px;
		}	
	/* ---------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;
		}
	/*----------wifi------------*/
		#hd .hd-sec-wifi ul.text li:nth-child(2) {
		    max-width: 75%;
		}
	/* ------------ 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){
	/*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;
		}
}
@media screen and (max-width: 1024px) {
	/*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-mode li .hd-title:before,
		#hd .hd-sec-mode li .hd-title:after,
		#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%;
		}	
}
@media screen and (max-width: 1023px) {
	#hd .hd_1023_off{
		display: none;
	}
	#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 .sec_kv .hd-w1200{
			padding-top: 100px;
			top: 0;
		}
		#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 .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 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: 34%;
			}
			#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;
			}
			#hd .hd-lightingbox p{
				font-size: 16px;
			}
		/*new*/
			#hd #personalized .top_text h2 {
				font-size: 2.5rem;
			}
}
@media screen and (max-width: 768px) {
	#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 .sec_kv .hd-w1200{
			padding-top: 70px;
		}
		#hd section:before {
		    top: 35px;
		}
		#hd .sec_kv .hd-w1200{
			position: relative; 
		}
		#hd .sec_kv > img{
			margin-top: 0;
		}
		#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: 100%;
			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-mode li .hd-title,
		#hd .hd-sec-gamefirstv li .hd-title{
			line-height: 1.25;
			padding:0 5%;
			margin-bottom: 30px;
		}
		#hd .hd-sec-mode li .hd-title:before,
		#hd .hd-sec-mode li .hd-title:after,
		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			width: 55%;
		}
		#hd .hd-sec-mode li .hd-col50,
		#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 .hd-sec-audio ul.txt_list li{
			width: 33.3333%;
			padding: 4px;
		}
		#hd .hd-sec-audio ul.txt_list li:nth-child(4),
		#hd .hd-sec-audio ul.txt_list li:nth-child(5){
			width: 50%;
		}
	/*----------wifi------------*/
		#hd .hd-sec-wifi ul.text{
			margin-top: -10%
		}
		#hd .hd-sec-wifi ul.text li:nth-child(1){
			max-width: 100%;
		}	
		#hd .hd-sec-wifi img.pd {
		    position: relative;
		    width: 100%;
		    top: 0;
		    right: auto;
		}
		#hd .hd-sec-wifi ul.text li{
			padding: 0;
		}
	/* -----------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 -------------*/
		#hd .hd-sec-headers ul.detail_list li{
			position: relative;
			display: inline-block;
			width: 50%;
			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;
		}
	/*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 .txt-content h3{
			margin-bottom: 5px;
		}
	/* ------------ lighting ---------- */
		#hd .hd-lighting > img.pc{
			display: none; 
		}
		#hd .hd-lighting > img.mobile{
			display: block;
		}
		#colorpicker{
			display: none !important; 
		}
		#hd .hd-controls li{
			width: 16.666666%;
		}
		#hd .hd-sec-lighting .screen {
		    position: relative;
		    width: 90%;
		    max-width: 300px;
		    margin: 0 auto;
		    bottom: 0;
		    right: auto;
		}
		#hd .hd-lightingbox {
		    width: 90%;
		    padding-bottom: 90%;
		    margin: 0 auto;
		}
		#hd #strip_add {
		    top: 78%;
		}
		#hd #strip_rgb {
		    top: 87%;
		}
		#hd .hd-lightingbox p{
			left: 19%;
			font-size: 14px;
		}
		#color, #greybg {
			padding-bottom: 98%;
		}
		@-webkit-keyframes yoyo {
			0% {
				-webkit-transform: translateX(-50%); 
				width: 200%;
			}
			50% {
				-webkit-transform: translateX(-20%); 
			}
			100% {
				-webkit-transform: translateX(-50%); 
				width: 200%;
			}
		}
		@keyframes yoyo {
			0% {
				transform: translateX(-50%); 
				width: 200%;
			}
			50% {
				transform: translateX(-20%); 
			}
			100% {
				transform: translateX(-50%); 
				width: 200%;
			}
		}
		/*@-webkit-keyframes flash{
			0%	{
				z-index: -1;
				width: 200%;
			    -webkit-transform: translateX(-50%);
			}
			100%{
				z-index: -1;
				width: 200%;
			    -webkit-transform: translateX(20%);
			}
		}
		@keyframes flash{
			0%	{
				z-index: -1;
				width: 200%;
			    transform: translateX(-50%);
			}
			100%{
				z-index: -1;
				width: 200%;
			    transform: translateX(20%);
			}
		}*/
		.hd-yoyo {
		    width: 200%;
		    background: #000000;
		    background: -moz-linear-gradient(right, #333 0%, #333 40%, #ff0000 55%, #ff0000 75%, #ffff00 100%);
		    background: -webkit-linear-gradient(right, #333 0%, #333 400%, #ff0000  55%, #ff0000 75%, #ffff00 100%);
		    background: linear-gradient(to left, #333 0%, #333 40%, #ff0000  55%, #ff0000 75%, #ffff00 100%);
		    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
		}
		.hd-yoyo:before{
			background-color: #333;
		}
		.hd-rainbow:after {
		    display: block;
		    width: 99%;
		}
		.starry_night li{
			width: 10%;
		}
		.starry_night li:nth-child(9) {
		    left: 44%;
		}
		.starry_night li:nth-child(11) {
		    left: 58%;
		}
		.starry_night li:nth-child(8) {
		    left: 16%;
		}
		.starry_night li:nth-child(1) {
		    left: 59%;
		    top: 47%;
		    width: 19%;
		}
		.starry_night li:nth-child(2) {
		    left: 75%;
		    top: 9%;
		}
		.starry_night li:nth-child(5) {
		    left: 74%;
		    top: 36%;
		}
		.starry_night li:nth-child(4) {
		    left: 73.5%;
		    top: 68%;
		}
		.starry_night li:nth-child(14) {
		    left: 73%;
		    top: 58%;
		}
		.starry_night li:nth-child(12) {
		    left: 18%;
		}
		.starry_night li:nth-child(15) {
		    left: 51%;
		    top: 54%;
		}
		.hd-rainbow-alpha li:nth-child(2) {
		    top: 14%;
		    width: 26%;
		    left: 10%;
		    height: 15%;
		}
		.hd-rainbow-alpha li:nth-child(3) {
		    top: 46.5%;
		    left: 45.5%;
		    width: 27%;
		    height: 22%;
		}
		.hd-flash-alpha li:nth-child(2),
		.hd-flash-alpha li:nth-child(3) {
		    left: 76.5%;
		    height: 83%;
		}
		.hd-rainbow-alpha li:nth-child(1):after {
		    width: 100%;
		}
		/*new*/
			#hd #personalized .top_text h2 {
				font-size: 1.7rem;
			}
}
@media screen and (max-width: 620px) {
	/*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-mode li .hd-title,
		#hd .hd-sec-gamefirstv li .hd-title{
			padding:10px;
			background: #270201;
		}
		#hd .hd-sec-mode li .hd-title:before,
		#hd .hd-sec-mode li .hd-title:after,
		#hd .hd-sec-gamefirstv li .hd-title:before,
		#hd .hd-sec-gamefirstv li .hd-title:after{
			display: none;
		}
		#hd .hd-sec-mode .scrollbox{
			padding-bottom: 50%;
		}
		#hd .hd-sec-mode .hd-scroll{
			padding-left: 0;
		}
	/* ------------ 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 img{
			display: block;
			margin:0 auto 20px;
		}
		#hd #intel 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: -20%;
		}
		#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;
		}
	/*--------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%;
		}
	/* ---------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;
		}
}
@media screen and (max-width: 480px) {
	/*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 .sec_kv .hd-w1200{
			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-mode .hd-frame,
		#hd .hd-sec-gamefirstv .hd-frame{
			margin-top: 30px;
		}
		#hd .hd-sec-mode li .hd-title,
		#hd .hd-sec-gamefirstv li .hd-title{
			margin-top: 0;
		}
		#hd .hd-sec-mode .scrollbox{
			padding-bottom: 100%;
		}
	/* ------------ 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;
		}
	/* ------------ 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%;
		}
}