@import url("https://dlcdnimgs.asus.com/vendor/public/fonts/css/roboto.css");
@font-face {
    font-family: 'TTNormsProNormal';
    src: url("https://mediawebimg.asus.com/files/media/6e95054c-81f3-4dc3-9076-8f84a71123ec/V2/fonts/TTNormsProNormal.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {

    font-family: 'ROGFontsv';

    src: url('fonts/ROGFontsv1.5-Regular.otf');

    src: url('fonts/ROGFontsv1.5-Regular.otf') format('embedded-opentype');

    src: url("fonts/ROGFontsv1.6.1.ttf") format("opentype");

    font-weight: normal;

    font-style: normal

}

@font-face {

    font-family: 'Xolonium';

    src: url('fonts/xolonium-Regular.otf'),

         url('fonts/xolonium-Regular.otf') format('embedded-opentype'),

         url("fonts/xolonium-Regular.ttf") format("opentype"),

         url("fonts/xolonium-regular.eot");

    font-weight: normal;

    font-style: normal;

}

#special-sectionOverview div,#special-sectionOverview span,#special-sectionOverview applet,#special-sectionOverview object,#special-sectionOverview iframe,#special-sectionOverview h1,#special-sectionOverview h2,#special-sectionOverview h3,#special-sectionOverview h4,#special-sectionOverview h5,#special-sectionOverview h6,#special-sectionOverview p,#special-sectionOverview blockquote,#special-sectionOverview pre,#special-sectionOverview a,#special-sectionOverview abbr,#special-sectionOverview acronym,#special-sectionOverview address,#special-sectionOverview big,#special-sectionOverview cite,#special-sectionOverview code,#special-sectionOverview del,#special-sectionOverview dfn,#special-sectionOverview em,#special-sectionOverview img,#special-sectionOverview ins,#special-sectionOverview kbd,#special-sectionOverview q,#special-sectionOverview s,#special-sectionOverview samp,#special-sectionOverview small,#special-sectionOverview strike,#special-sectionOverview strong,#special-sectionOverview sub,#special-sectionOverview sup,#special-sectionOverview tt,#special-sectionOverview var,#special-sectionOverview b,#special-sectionOverview u,#special-sectionOverview i,#special-sectionOverview center,#special-sectionOverview dl,#special-sectionOverview dt,#special-sectionOverview dd,#special-sectionOverview ol,#special-sectionOverview ul,#special-sectionOverview li,#special-sectionOverview fieldset,#special-sectionOverview form,#special-sectionOverview label,#special-sectionOverview legend,#special-sectionOverview table,#special-sectionOverview caption,#special-sectionOverview tbody,#special-sectionOverview tfoot,#special-sectionOverview thead,#special-sectionOverview tr,#special-sectionOverview th,#special-sectionOverview td,#special-sectionOverview article,#special-sectionOverview aside,#special-sectionOverview canvas,#special-sectionOverview details,#special-sectionOverview embed,#special-sectionOverview figure,#special-sectionOverview figcaption,#special-sectionOverview footer,#special-sectionOverview header,#special-sectionOverview hgroup,#special-sectionOverview menu,#special-sectionOverview nav,#special-sectionOverview output,#special-sectionOverview ruby,#special-sectionOverview section,#special-sectionOverview summary,#special-sectionOverview time,#special-sectionOverview mark,#special-sectionOverview audio,#special-sectionOverview video{
    font-family: "Roboto", "Arial", "sans-serif";
}

#sectionOverview {

     padding: 0px;

     /*height: 11200px;*/

     width: 100%;

}

#special-sectionOverview p{

	color: #fff;

}



#special-sectionOverview h2{

	  font-size: 36px;

	  margin-bottom: 1.1em;

	  font-weight: 500;

	  color: #C8C8C8 !important;

	  font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important;


}



#special-sectionOverview #rr8 h2{

	  font-size: 36px;

	  margin-bottom: 1.1em;

	  font-weight: 500;

}



#special-sectionOverview #rr9 h2{

	  font-size: 36px;

	  margin-bottom: 1.1em;

	  font-weight: 500;

}

#special-sectionOverview #rr10 h2{

	  font-size: 36px;

	  margin-bottom: 1.1em;

	  font-weight: 500;

}



#special-sectionOverview #rr13 h2 {

    font-size: 36px;

    margin-bottom: 0em;

    font-weight: 500;

}



#special-sectionOverview h3{

	  font-size: 26px;

	  margin-bottom: 1.1em;

	  font-weight: 500;

	  color: #FFFF;

	  font-family: "TTNormsProNormal", "Segoe UI", sans-serif !important;

}

.minpic{

	width: 100%;

}



#rr1{

	background-image:url(img/KV1.jpg);

	color: #FFFF;

	display: inline-flex;

	display: flex;

	background-repeat: round;

}



.blockL1{

	width: 50%;

}



.blockL1 img{

	width: 100%;

}



.blockR1{

	width: 40%;

	padding: 10% 0 0 0;

	max-width: 600px;

}



.head1{

	margin-bottom: 40px;

	font-size: 2.70588em;

    line-height: 1;

}



.des1{

	font-size: 16px;

}



#rr3{

	background-image:url(img/Shround.jpg);

	background-repeat: round;

	color: #FFFF;

	display: inline-flex;

	display: flex;

}





.des2{

	font-size: 16px;

	color: #FFFF;

    max-width: 620px;

}

.blockR{

	width: 50%;

    padding: 9%;

}



.blockL {

	padding: 12% 14% 0% 0%;

	padding: 0% 0% 0% 0%; /*20190109*/

    width: 50%;

}



.blockL img {

	width: 100%;

}







#rr4{

	background-image:url(img/Dual_ball.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:cover; 

}

.blockL4 {

	width: 50%;

}

.blockL4 img{

	width: 100%;

    padding: 9%;

    padding: 0; /*20190109*/

    text-align:  center;

}



.blockR4{

 	width: 50%;

 	padding: 11% 7% 7% 7%;

 	padding: 5% 7% 7% 7%;/*20190109*/

}

.des3{

	font-size: 16px;

	color: #FFFF;

    max-width: 620px;

}

#rr6{

	background-image:url(img/144hr.jpg);

	color: #FFFF;

	display: inline-flex;

	display: flex;

}



.des6{

	font-size: 16px;

	color: #FFFF;

    max-width: 620px;

}

.blockL6{

	width: 50%;

    padding: 7% 9% 9% 9%;

    padding: 7% 3% 9% 9%;/*20190109*/

}

.blockR6{

	width: 50%;

    padding: 9%;

}

/*20190109*/

.blockL6a{

	width: 50%;

    padding: 7% 0% 9% 0%;

}

.blockR6a{

	width: 50%;

    padding: 3% 0% 0% 0%;

}

.blockR6a img{

	max-width: 100% !important;

}

.des8{

	font-size: 16px;

	color: #FFF;

    max-width: 620px;

}

.head8{

	font-size: 36px;

	

}



.blockR8{

	width: 50%;

    padding: 5% 9% 9% 4%;

    max-width: 600px;

}

.blockL8{

	width: 50%;

	padding: 0 0 0 15%;

}

.blockL8 img{

	max-width: 100% !important;

}

#rr8{

	background-image:url(img/GTII.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:contain; 

}



#rr9{

	background-image:url(img/xs.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:contain; 

}

#rrQC{

	background-image:url(img/GTII.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:contain; 

}



.blockRQC{

	width: 50%;

    padding: 0 5% 0 0;

}

.blockRQC img{

	width: 70%;

}

.des9{

	font-size: 16px;

	color: #FFF;



}

.head9{

	font-size: 36px;

}



.blockR9{

	width: 50%;

    padding: 0 5% 0 0;

}

.blockR9 img{

	width: 100%;

}



.blockL9{

	width: 55%;

    padding: 5% 5% 5% 11%;

    max-width: 600px;

}

.blockLQC{

	width: 50%;

    padding: 6% 11%;

}



.des10{

	font-size: 16px;

	color: #FFF;

    max-width: 620px;

}

.head10{

	font-size: 36px;



}



.blockR10{

	width: 50%;

    padding: 6% 9% 6% 9%;

}

.blockL10{

	width: 60%;

    padding: 6%;

}

.blockL10 img{

	width: 100%;



}

#rr10{

	background-image:url(img/WT.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:contain; 

}



#rr12{

	background-image:url(img/VR.jpg);

	background-repeat: round;

    display: inline-flex;

	display: flex;

    background-size: cover;

    padding: 0 0 1% 0;

}



.blockL12 {

    width: 50%;

	}



.blockR12{

	width: 50%;

	}

.blockR12 img{

	width: 50%;

}



.des12{

	font-size: 16px;

	color: #FFF;

	width: 90%;

	}

.head12{

	width: 90%;

}

.blockL13{

	width: 40%;

    padding: 0% 0% 4% 6%;

}



.des13{

	font-size: 16px;

	color: #FFF;

	max-width: 600px;

}

#rr13{

	background-image:url(img/GSYNC.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:cover; 

}



#rr14{

	background-image:url(img/Lighting.jpg);

	background-repeat:round;

	display: inline-flex;

	display: flex;

	background-size:contain; 

}

.blockL14 {

	width: 50%;

}

.blockL14 img{

	width: 100%;

    text-align:  center;

}



.blockR14{

 	width: 50%;

 	padding: 10% 7% 4% 7%;



}



#mWrap #rr4 .blockL4:first-child {

		display: none;

}

#mWrap #rr6 .blockR6:first-child {

		display: none;

}

#mWrap #rrQC .blockRQC:first-child {

		display: none;

}

#mWrap #rr10 .blockL10:first-child {

		display: none;

}







@media	(min-width: 2560px){

	#rr3 {

    background-size: cover;

	}

	.blockL4 {

    width: 60%;

    padding: 0 14% 0 0;

	}

	#rr6 {

    background-size: cover;

	}

	.blockR6b{

	width: 60%;

    padding: 5% 0 0 16%;

	}

	.blockR6b img{

	width: 60%;

	}

	.blockL6b{

	width: 40%;

	padding: 8% 11% 0 0;

	}

	.blockL6 {

    width: 50%;

    padding: 10% 3% 9% 17%;

	}

	.blockL8 {

    width: 70%;

    padding: 3% 13% 0 15%;

	}

	.blockR8 {

    width: 60%;

    padding: 5% 14% 9% 0%;

	}



	#rr12 {

    padding: 8% 0 13% 0;

	}

	#rr13{

	padding: 19% 0 18% 0;

	}

	#rr9 {

    background-size: cover;

	}

	.blockR9 {

    width: 50%;

    padding: 0 0 0 5%;

	}

	.blockR9 img {

    width: 60%;

    padding: 0 0 0 20%;

	}

	.blockLQC {

    width: 50%;

    padding: 6% 17%;

	}

	.blockRQC {

    width: 50%;

    padding: 0 14% 0 0;

	}

	.blockRQC img{

    width: 60%;

	}

	.blockL9 {

    width: 55%;

    padding: 5% 5% 5% 5%;

    max-width: 600px;

	}

	.blockR10 {

    width: 50%;

    padding: 6% 9% 6% 18%;

	}

	.blockL10 {

    width: 60%;

    padding: 0 12% 0 0;

	}

	.blockL10 img {

    width: 90%;

	}

}





@media (min-width: 1920px){

	

	#rr12 {

    background-size: cover;

	}

	.blockR12 {

    padding: 5% 0 5% 0;

	}

	.blockR12 img {

    padding: 2% 0 0 0;

	}

	.blockL13 {

    padding: 11% 0% 12% 6%;

	}



}



@media (max-width: 1920px){

	.blockL4 {

    width: 50%;

    padding: 0 11% 0 0;

	}

	.blockR6b{

	width: 60%;

    padding: 5% 0 0 9%;

	}

	.blockR6b img{

	width: 60%;

	}

	.blockL6b{

	width: 40%;

	padding: 7% 13% 0 0;

	}

	.blockL8 {

    width: 50%;

    padding: 3% 5% 0 8%;

	}

	.blockR9 {

    width: 40%;

    padding: 0 0% 0 5%;

	}

	.blockR9 img{

    width: 100%;

	}

	.blockRQC {

    width: 50%;

    padding: 0 9% 0 0%;

	}

	#rr12 {

    background-size: cover;

	}

	.blockR12 {

    padding: 5% 0 5% 0;

	}

	.blockR12 img {

    padding: 2% 0 0 0;

	}

	.blockL13 {

    padding: 11% 0% 12% 6%;

	}

}

@media (max-width: 1440px){

	.blockR {

    width: 60%;

    padding: 9%;

	}

	.blockR6b {

    width: 60%;

    padding: 9% 0 0 9%;

	}

	.blockL8 {

    width: 50%;

    padding: 7% 5% 0 8%;

	}

	.blockR9 {

    width: 50%;

    padding: 3%;

	}

	.blockR9 img{

    width: 100%;

	}

	.blockRQC {

    width: 50%;

    padding: 3%;

	}

	.blockRQC img{

    width: 70%;

	}

	.blockL12 {

    padding: 0% 0 5% 0;

	}

	.blockR12 {

    padding: 5% 0 2% 0;

	}

	.head13{

	padding: 4% 0 2% 0;

	}

	.blockL13 {

    padding: 3% 0% 7% 6%;

	}



}

@media (max-width: 1366px){

	#rr1 {

    background-position-y: 60%;

    background-position-x: 38%;

	}

	.blockR1{

	padding: 8% 0 0 0;

	}

	.blockL1 img {

	padding: 6% 0 0 0;

	}

	.blockR {

    width: 67%;

    padding: 12% 0 0 7%;

	}

	.blockL {

    padding: 8% 10% 0% 0%;

    width: 60%;

	}

	.blockR6b {

    width: 50%;

    padding: 7% 0 0 5%;

	}

	.blockR6b img {

    width: 80%;

	}



	.blockR9 img{

	width: 100%;

	}

	.blockRQC img{

	width: 70%;

	}

	.blockR12 {

    width: 50%;

    padding: 3% 0 0 0;

	}

	.blockL13 {

    width: 40%;

    padding: 7% 0% 7% 6%;

}





}



@media (max-width: 1024px){

	#rr1 {

    background-repeat: repeat;

	}

	.blockR1 {

    padding: 4% 0 0 0;

	}

	.blockR{

		padding: 12% 0 0 5%;

	}



	.blockL {

    	padding: 13% 1% 0% 0%;

    	width: 60%;

	}



	.blockL img{

		padding: 7% 9% 0% 0%;

    	width: 100%;

	}



	.blockR4{

		width: 90%;

	 	padding-top: 1%;

	}

	.blockL4 {

    width: 100%;

    padding: 0px 0% 0 0;

	}

	.blockR6{

		padding: 12% 4% 0 0;

	}

	.blockR6b {

    width: 50%;

    padding: 11% 0 0 5%;

	}

	.blockL6b {

    width: 50%;

    padding: 7% 2% 0 0;

	}

	.blockL8 {

	    padding: 8% 0 0 2%;

	}

	.blockL8 img{

		width: 100%;

		padding: 5% 0 0 0;

	}



	.blockR8{

		padding: 5% 2% 0 2%;

	}



	.blockL9{

		padding: 9% 0 0 4%;

	}

	.blockLQC{

		padding: 9% 0 0 4%;

	}



	.blockR9 img{

		width: 100%;

		padding: 12% 0 0 0;

	}

	.blockRQC img{

		width: 75%;

    	padding: 12% 0 0 10%;

	}

	.blockL10{

		width: 40%;

    	padding: 5% 0 5% 4%;

	}

	.blockR10{

		padding: 0 0 0 9%;

		width: 40%;

	}



	.blockR12 {

    padding: 0;

	}



	.blockL13 {

    width: 52%;

    padding: 4% 0% 7% 3%;

	}

}



@media (max-width: 768px){

	#rr1 {

    display: block;

	}

	.blockL1 {

    width: 100%;

	}

	.blockL1 img {

    width: 100%;

    padding: 0;

	}

	.blockR1 {

    width: 90%;

    padding: 0 0 5% 5%;

	}

	#rr3 {

    display: block;

	}

	.blockR {

    width: 90%;

    padding: 1% 0 3% 5%;

	}

	.blockL {

    width: 100%;

    padding: 0% 1% 0% 0%;

	}

	.blockL img{

	padding: 0% 0% 5% 0%;

	}

	#rr4 {

    display: block;

    background-size: cover;

	}

	.blockL4 {

    width: 100%;

	}

	.blockL4 img {

    padding: 0%;

	}

	.blockR4 {

    padding: 0 0 0 5%;

	}

	#rr6 {

    display: block;

	}

	.blockL6 {

    width: 90%;

    padding: 1% 0 0 5%;

	}

	.blockR6 {

    width: 100%;

    padding: 10% 0% 0 22%;

	}

	.blockL6a{

	width: 90%;

    padding: 7% 0 5% 5%;

	}

	.blockR6a {

    width: 100%;

	}

	.blockR6 img{

	width: 50%;

	}

	.blockR6b {

    width: 100%;

    padding: 11% 0 0 10%;

	}

	.blockL6b {

    width: 90%;

    padding: 7% 0% 0 5%;

	}

	#rr8 {

    display: block;

    background-size: cover;

	}

	.blockL8 {

    width: 100%;

    padding: 0;

	}

	.blockL8 img {

    padding: 0;

	}

	.blockR8 {

    padding: 0% 0 5% 5%;

    width: 90%;

	}

	#rr9 {

    display: block;

    background-size: cover;

	}

	#rrQC {

    display: block;

    background-size: cover;

	}

	.blockL9 {

    width: 90%;

    padding: 5% 0 0 5%;

	}

	.blockLQC{

    width: 90%;

    padding: 5% 0 5% 5%;

	}

	.blockR9 {

    width: 100%;

    padding: 0;

	}

	.blockR9 img {

    padding: 0;

	}

	.blockRQC {

    width: 100%;

	}

	.blockRQC img {

    padding: 0 0 0 13%;

    width: 60% !important;

	}

	#rr10 {

    display: block;

    background-size: cover;

	}

	.blockL10 {

    width: 100%;

    padding: 0 ;

	}

	.blockR10 {

    padding: 0% 0 5% 5%;

    width: 90%;

	}

	#rr12 {

    background-image: url(img/VRM.png);

    background-repeat: round;

    display: block;

    background-size: contain;

	}

	.blockR12 {

    width: 100%;

	}

	.head12 {

    padding: 1% 0 5% 5%;

	}

	.des12 {

    padding: 0 0 0 5%;

	}

	.blockR12 img {

    padding: 10% 0 0 50%;

	}

	#rr13 {

    background-image: url(img/GSYNCM.png);

    display: block;

    background-size: cover;

	}

	.blockL13 {

    width: 90%;

    padding: 27% 0 0% 5%;

	}

	.head13 {

    padding: 10% 0 2% 0;

	}



	#mWrap #rr4 .blockL4:first-child {

		display: block;

	}

	#mWrap #rr4 .blockL4:last-child {

		display: none;

	}

	#mWrap #rr6 .blockR6:first-child {

		display: block;

	}

	#mWrap #rr6 .blockR6:last-child {

		display: none;

	}

	#mWrap #rrQC .blockRQC:first-child {

		display: block;

	}

	#mWrap #rrQC .blockRQC:last-child {

		display: none;

	}

	#mWrap #rr10 .blockL10:first-child {

		display: block;

	}

	#mWrap #rr10 .blockL10:last-child {

		display: none;

	}







	/*20190109*/

	#rr14 {

    display: block;

	background: #111;

	}

	.blockL14{

	 	width: 90%;

	}

	.blockR14{

	 	width: 90%;

	}

}

	

@media (max-width: 425px){

	#special-sectionOverview h2{

	  font-size: 20px;

	  margin-bottom: 0.1em;

	  font-weight: 500;

	  margin: 0px 0;

	}





	#special-sectionOverview #rr8 h2{

	  font-size: 20px;

	  margin-bottom: 0.1em;

	  font-weight: 500;

	  margin: 0px 0;

	}



	#special-sectionOverview #rr9 h2{

	  font-size: 20px;

	  margin-bottom: 0.1em;

	  font-weight: 500;

	  margin: 0px 0;

	}

	#special-sectionOverview #rr10 h2{

	  font-size: 20px;

	  margin-bottom: 0.1em;

	  font-weight: 500;

	  margin: 0px 0;

	}

	#special-sectionOverview #rr13 h2 {

    font-size: 20px;

    margin-bottom: 0em;

    font-weight: 500;

	}



	#special-sectionOverview h3{

	  font-size: 18px;

	  margin-bottom: 0.1em;

	  font-weight: 500;

	  color: #FFFF;

	}



	.des2{

	font-size: 14px;

	color: #FFFF;

	}

	.des3{

	font-size: 14px;

	color: #FFFF;

	}

	.des6{

	font-size: 14px;

	color: #FFFF;

	}

	.des9{

	font-size: 14px;

	}

	.des10{

	font-size: 14px;

	}

	.head1 {

    margin-bottom: 0;

	}

	

	#rr3 {

    display: block;

	}

	.head13 {

    padding: 0;

	}

	.blockL {

    width: 100%;

	}

	.blockL img {

	padding: 0 0 0 0;

	}

	#rr4{

	display:block;

	}

	.blockL4{

	width: 100%;

	}

	.blockL4 img {

    padding: 0 0 0 0;

	}

	.blockR4 {

    padding: 0% 0% 3% 5%;

    width: 90%;

	}

	.blockR{

	width: 90%;

	padding: 2% 6% 0% 5%;

	}



	#rr6{

		display: block;

	}

	.blockL6 {

    padding: 0 0 0 5%;

	width: 90%;

	}

	.blockR6 {

    width: 90%;

    padding: 1%;

	}



    .blockR6 img{

    padding: 6% 0 5% 29%;

    }



	.blockL8 {

    width: 100%;

  	}

	.blockR8 {

    width: 90%;

	}





	.blockL9{

	width: 90%;

    padding: 14% 0 1% 5%;

	}

	.blockLQC{

		padding: 9% 0 5% 4%;

	}

	.blockR9 {

    width: 100%;

    padding: 0% 5% 0 0;

	}

	.blockRQC {

    width: 100%;

    padding: 0% 5% 0 0;

	}



	.blockL10{

	width: 100%;

	padding: 10% 0 10% 0%;

	}

	.blockR10{

    width: 90%;

    padding: 3% 0 6% 5%;

	}

	.des12 {

    padding: 0 0 6% 5%;

	}

	.blockR12 img {

    padding: 0% 0px 6% 50%;

	}

	#rr12{

	background-image: url(img/VRM2.png);

    background-size: cover;

	}

	#rr13 {

    background-image: url(img/GSYNCM1.png);

	}

	.blockL13 {

    padding: 40% 0 12% 5%;

	}



}



@media (max-width: 375px){

	.blockR8 {

    width: 90%;

    padding: 22% 0 1% 5%;

	}

	#rr12 {

    background-image: url(img/VRM2.png);

    background-size: cover;

	}

	#rr13 {

    background-image: url(img/GSYNCM2.png);

	}

}