@charset "utf-8";
/*initial*/
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:focus,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.clearfix:after{clear:both;content:'.';display:block;height:0;overflow:hidden}* html .clearfix{height:1%}.clearfix{display:block}#container{width:1025px;margin:0 auto;min-height:402px}

/*rslider*/
.wrap-slider{position:relative}
.rslides {
	/*position: relative;*/
	list-style: none;
	overflow: hidden;
	/*width: 100%;*/
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides {
	margin: 0 auto ;
}
.rslides_tabs li {
	display: inline-block;
	vertical-align: middle;
	margin: 0%;
	text-align:center
}
.rslides_tabs li a {transition : background-position .3s ease-out ; }
.rslides_here a{ background-position:50% 100%;color:#57c5b2}

/*scroll element*/
#toTop {
    display: none;
    position: fixed;
    z-index: 99999;
    right: 10px;
    bottom: 50px;
    cursor: pointer;
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
    padding: 15px;
    border: 1px solid #93A6B4;
	border-radius:100%;
	}
.icn-arrow-up {
    width: 22px;
    height: 22px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    display: block;
    background-image:url(../images/icn-arrow.png);
}

/*parallax photo*/
section.module:last-child { margin-bottom: 0;}
section.module p:last-child { margin-bottom: 0;}
section.module.content {}
section.module.parallax {  width:100%;  height:auto;  background-position: 0 0;  transition :  ease-out .5s;}
section.module.parallax p {  line-height: 1em;  text-align: center;  text-shadow: 0 0 10px rgba(85,85,85,0.85);}
.box-img-cent{ margin:0 auto;}

img {
	user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;  /* Firefox */
	-webkit-user-select: none;  /* Chrome */
}
.box-wrap {
	width: 90%;
	margin: 0 auto;
}

.box-img-cent{width:100%; margin:0 auto; text-align:center}
.box-img-cent img{width:100%}

.box-middle-wording {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.box-middle-wording-content {
	width: 80%;
	height: auto;
}

.box-subT {
	width: 100%;
	text-align: center;
}

.wrap-frontview {
	width: 100%;
	max-width: 1113.25px;
	margin: 0 auto;
	
	position:relative
	}
	
.frontview {
	position: relative;
	top: 0;
	left: 0;
	clear:both;
	text-align: center;
}
.inscreen {
	position: absolute;
	width: 70.7%;
	top: 10.3%;
	left: 14.55%;
}

.frontview img, .inscreen img {
	width: 100%;
	height: auto;
}

/*-------------*/

/*kv*/
#box-productOverview-containter{	width: 100%;	position: relative;	left: 50%;	overflow: hidden;	margin-top: 60px;	font-size: 16px !important;}
.product_logo {	max-width: 444px;	height: 53px;margin: 0 auto;}
.product_logo img{max-width:440px}

.kv {width: 86%;max-width: 1656px;height: auto;margin: 0 auto}
.kv img {width: 100%}
.box-subT {width: 100%;text-align: center;}


/*Designed for Productivity and Entertainment*/
.productivity{margin-top:-6em}
.nvidia-photo {
	width: 100%;
	height: auto;
	position: relative;
}
.box-3in1-1 {
	width: 60%;
	margin: 0 auto;
}
.box-3in1-2 {
	width: 50%;
	position: absolute;
	top: 2em;
	left: -5%;
	z-index: -1;
}
.box-3in1-3 {
	width: 50%;
	display: inline-block;
	position: absolute;
	top: 2em;
	right: -5%;
	z-index: -2;
}
.win10{
	text-align:center;
	color:#768591;
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 4em;
	line-height: 1em;
	/*margin: 5.8% 0 0;*/
	letter-spacing: -0.025em;
	word-spacing: 0.045em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	}
	
/*Faster and Easier Connections with USB Type-C*/
.wrap-v-middle{width:50%; height:auto; vertical-align:middle; display:inline-block;margin:-2px;}
.box-connectivity-wording{width:80%;margin:0 auto;}
.connectivity-photo{width:50%;display:inline-block; text-align:right ; margin:-2px;}
.connectivity-photo img{width:100%; max-width:700px;}


/*Extensive connectivity options for added convenience*/
.wrap-box-icon-port{width:100%}
.icon-port{width:19%; display:inline-block; text-align:center;}
.icon-port-top {width:100%; display:inline-block;}
.icon-port-btm {width:100%; display:inline-block; text-align:center;font-family:"Myriad Pro";font-weight:300;font-size: 1.1em !important;letter-spacing: 0.02em;word-spacing: 0.04em;color:#9C9C9C;}
.icon-port-top img{width:80%;}


/*sonicMaster*/
.sonic-photo {
	width: 55%;
	height: auto;
	margin:-.5em auto 0;
}
.photowall {
	width: 100%;
	position: relative;
	top: 1em;
	z-index: -5;
}
.random-pic {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 1%;
}
.each-pic {
	width: 11.87%;
	margin: 0.3% 0.15%;
	display: inline-block;
}
.each-pic img {
	width: 100%
}

/*Crafted Speaker design for greater sound*/
.wrap-speaker{width:100%; position:relative ; padding-bottom:32%;}
.box-eq{width:80%; display:inline-block}
.eq-value{display:inline-block ;height:200px; vertical-align:middle;}
.box-speaker-content{width:auto;height:0;position:absolute;left:50% ;margin-left:-235px;top:70%; text-align:center}

.box-speaker-bg{width:100%;height:0;position:absolute;left:-5% ;top:-15%; z-index:-1; padding-bottom:39.583%;}
.box-speaker-bg img{width:100%;}
.box-bass {width:100%;cursor: pointer}

/*The Smart ASUS AudioWizard for Every Scenario*/
.audiowizard{margin-top: 3.01em;}
#screenmode{margin-top:2.7em}
.box-audiowizard{width:64%; height:100%;display:inline-block;margin:-2px;vertical-align: top;padding: 2em 0 0 0;}
.box-audiowizard-mobo{display:none}
.wrap-audio-frontview{width: 100%;max-width: 1228px;margin: 0px auto;position: relative;}
.audio-wording{width:30%; display:inline-block; margin:-2px; padding:0 2%;}
.audio-wording-mobo{display:none}
.audio-inscreen{position: absolute;width:86.1%;top: 12.1%;left: 0;}
.box-screenmode-pager , .control-option{width:100%; margin: 0px 0px 0 -2.5em; text-align:center;}
.control-option{margin-top:1em}

.box-screenmode-pager ul{margin:0}
#screenmode-pager{width:100%;}
#screenmode-pager li,#screenmode-pager-mobo li {width:18.5%;height: 50px;display:inline-block;overflow: hidden; }
.control-option-item{width:18.5%;text-align:center;display: inline-block;font-family : "myriad-pro";color: #999999;}
.control-option {width:100%;	}

.game  {width:100%; height:50px;display:block; background:url(../images/icon-gaming.png) 50% 0  no-repeat;}
.movie {width:100%; height:50px;display:block; background:url(../images/icon-movie.png)  50% 0  no-repeat;}
.music {width:100%; height:50px;display:block; background:url(../images/icon-music.png)  50% 0  no-repeat;}
.record{width:100%; height:50px;display:block; background:url(../images/icon-record.png) 50% 0  no-repeat;}
.speech{width:100%; height:50px;display:block; background:url(../images/icon-speech.png) 50% 0  no-repeat;}


/*A blisteringly-fast laptop with all the latest technology*/
.performance-wording{width:80%;margin:0 auto; text-align:center;}
.icon-lessblue{width:25%; display:block;text-align:center;margin:0 auto;}
.box-white, .box-red{width: 50%; display:inline-block; margin:-10em -2px -2px; z-index:-1 }	
.box-white img, .box-red img{width:100%}

/*Splendid*/
.box-splendid-wording {width: 40%;vertical-align: middle;display:inline-block;margin:0 -2px;padding:0 5%;}
.wrap-sideview {width: 50%;max-width: 1236px;display: inline-block;margin:0 -2px;}

.color-pager-head {	width: 80%;max-width:600px;}
.color-pager-head img {	width: 100%;}
.sideview {	width: 100%;	position: relative;	top: 0;	left: 0;	margin-top: 5%;}
.sideview-inscreen {	position: absolute;	width: 53.25%;	top: 8.4%;	left: 43.19%;}
.sideview-inscreen ul {	margin: 0;	padding: 0;}
.sideview-inscreen ul li img {	width: 100%;}
.wrap-sideview img, .sideview img {	width: 100%;	height: auto;}
.box-prd-color-pager { width:100%; margin-left:-12%;   text-align: center;}

/*productColor*/
.box-prd-color-pager ul{margin:0}
#prd-color-pager li {width: 20.4%;display:inline-block;}
.control-option2-item {width: 20.4%;display: inline-block;text-align: center;font-family : "myriad-pro";color: #999999;}
.control-option2 {width:100%;	margin-top: 1em;margin-left:-12%;text-align: center;}

.normal  {width:100%; height:50px;display:block; background:url(../images/icon-normal.png)  50% 0  no-repeat}
.eyecare {width:100%; height:50px;display:block; background:url(../images/icon-eyecare.png) 50% 0  no-repeat}
.manual  {width:100%; height:50px;display:block; background:url(../images/icon-manual.png)  50% 0  no-repeat}
.vivid   {width:100%; height:50px;display:block; background:url(../images/icon-vivid.png)   50% 0  no-repeat}


#prd-color{margin-top:2.7em}
.wrap-splendid-frontview{width: 100%;max-width: 1228px;margin: 0px auto;position: relative;}

.splendid-inscreen{position: absolute;width:80.5%;top: 8%;left: 19.5%;}

/*Protect Your Eyes with ASUS Eye Care*/
.inscreen-bandf{
	position: absolute;
	width: 70.5%;
	top: 10.4%;
	left: 14.55%;
}
.eyecare-photo {
	width: 100%;
}
.box-icon-protect{
	width:45%;
	margin:0 auto;
	text-align:center;
	}
.icon-eyecare{
	width:20%;
	display:inline-block;
	text-align:center;
	}
	.icon-eyecare img{width:50%;}/**/
	
.icon-lessblue{
	width:25%;
	display:inline-block;
	text-align:center;
	}
.wrap-frontview {
	width: 100%;
	max-width: 1113.25px;
	margin: 0 auto;
	
	position:relative
	}	
.eyecare-off,.eyecare-on{
	position:absolute;
	top:50%;
	font-family : "myriad-pro";
	font-weight:300;
	font-size: 1.3em !important;
	line-height:1.25em !important;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #737373;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	word-wrap:break-word;
	}
.eyecare-off{left:-2.5em}
.eyecare-on{right:-2em}	

/*Ergonomic and keyboard design*/
.wrap-input {
	width: 80%;
	margin:0 auto;
	position:relative;
	}
.box-input {
	width: 36%;
	margin: 0 auto;
	display: inline-block;
}
#keybord-animation {
	width:50%;
	text-align: center;
	display:inline-block;
}
.icon-travel {
    width: 40%;
    display: inline-block;
    margin-left: 7% !important;
}

.keybord-animation img {
	width: 100%;
}
.box-btn {
	width:100%;
	cursor: pointer
}

.box-parallax-keyboard {
	width: 100%;
	position:absolute;
	top:0;
	right:-50%;

}
.box-parallax-keyboard img {
	width: 100%;
	max-width: 970px!important;
	height: auto;
}

/*parallax line*/
.parallax0{width:100%;position:absolute;top:10%;}
/*gesture*/
.box-gesture{width:100%;}
.gestures{width:33.33%; margin: 1em -2px ;display:inline-block; vertical-align:top;}
.gestures img{width:58%; max-width:110px; magin:5%}
.gestures p{margin-bottom:0 !important}



/*ice cool*/
.box-parallax-icecool{width:100%; height:auto; overflow:hidden;}
.scene3 {background:url("../images/coolkeyboard.jpg") no-repeat;background-size:cover;margin-top: -20%;padding-bottom: 25%;padding-top: 20%;}





@media screen and (max-width:1440px) {
	

}

@media screen and (max-width:1366px){
.box-scrolldown{display:none}	
.wrap-input { width: 100%;}
.box-input {width: 44%;}

.wrap-gorgeous { margin-bottom: -25em;}
.wrap-cent {width: 100%;}

.icon-port {    width: 19%;}
.gorgeous-photo {width: 52%;}
.audio-bottom{margin-top: -6.5em;}

/*eyecare*/
.box-icon-protect {width: 63%;}
/*ice cool*/
.scene3 {    margin-top: -26%;    padding-bottom: 30%;    padding-top: 20%;}
.box-parallax-keyboard img {max-width: 857px !important;}
    
}

@media screen and (max-width:1280px) {
.box-right {
	width: 52%;
}
.icon-port {width: 16%;}

/*sonicMaster*/
.random-pic {
	margin-left: .15%;
}
.each-pic {
	margin: 0.3% 0.1%;
}
.box-num-cent {
	width: 55%;
}

}





/*tablet*/
@media screen and (max-width:1100px){
.box-icon-protect { width: 70%;}
.eyecare-off, .eyecare-on {font-size:.75em !important;}
.eyecare-off {left: 0.5em;}
.eyecare-on {right: 1em;}

/*The Smart ASUS AudioWizard for Every Scenario*/


	.audio-wording{display:none}
	.audio-wording-mobo{display:block; width:80%; margin:0 auto;}
	.box-audiowizard-mobo{display:block; width: 100%;}
	.box-audiowizard { display:none}
	.audio-bottom{display:none}
	.audio-inscreen {top: 21.1%;}
    
/*.wrap-gorgeous {margin:0;}
.box-v-middle {width: 100%;}*/

.connectivity-photo {
    width: 85%;
    display: inline-block;
    text-align: right;
    margin: -2px;
    margin-left: -10%;
    margin-right: -100%;
}
.wrap-v-middle {    width: 70%;}
.connections-space{margin-top:-6.5em}
.box-connectivity-wording {margin-top: 10em;}
.port-left {width: 0;}
.wrap-box-icon-port {width: 120%;display: block; margin: 0 auto;}
.gestures {width: 50%;}

/*Protect Your Eyes with ASUS Eye Care*/
.box-protect{clear:both;padding-top:6.5em}

/*gestures*/
	.box-parallax-keyboard{display:none}
	.box-input { width: 80%; margin: 0px auto !important;display: block;}
	.gestures {    width: 25%;    margin: 1em 3%;}

/*ice cool*/
.scene3{margin-top: -35%;padding-bottom: 38%;padding-top: 20%;margin-left: -10%;padding-left: 10%;}	


/*splendid*/
	.box-splendid-wording {width:80%; display:block; margin:0 auto;}
	.wrap-sideview { width: 100%; display:block; margin: 0px ;}
	.wrap-splendid-frontview{    width: 80%;    display: block;    float: right;}
	
	
	}


@media screen and (max-width:959px) {
#box-productOverview-containter{margin-top: 5em;}
}

@media screen and (max-width:930px) {
.box-right {
	width: 80%;
	margin: 2em auto 0;
	display: block;
}
}

@media screen and (max-width:900px) {
.each-pic {
	width: 19.22%;
}
.s16 {
	display: none;
}
.sonic-photo {
	width: 87%;
	height: auto;
	margin: 8em auto 0;
}
.box-num-cent {
	width: 60%;
}
.table-powersafe {
	width: 100%;
}
.box-zheight {
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
}
@media screen and (max-width: 768px) {
.control-option {
	width: 75%;
	position: absolute;
	top: -5.5em;
	left: 50%;
	margin-left: -36%;
}
/*5*/
.box-num-cent {
	width: 65%;
}

/*7
.box-protection-icon {
    width: 80%;
    display: block;
    vertical-align: top;
    margin: 0 auto;
}
*/

.box-audiowizard { width: 110%;margin-left: -5%;}
.wrap-wave {top: 70%;}
/*10*/
.each-pic {
	margin: 0.3% 0.08%;
}

.box-parallax-keyboard{display:none;}
.box-input {width: 90%;}
.gestures {width: 20%;margin: 5%;}
.wrap-input { text-align: center;}
}

@media screen and ( max-width: 719px){
#box-productOverview-containter {margin-top:0px;}
}

@media screen and (max-width: 600px) {
/*sec1*/
.icon-4k {
	width: 100%;
}
.icon-ppi {
	width: 100%;
	margin-top: 2em !important;
}
.box-num-cent {
	width: 100%;
}
}

@media screen and (max-width: 560px) {
.each-pic {
	width: 24%;
	opacity: .5
}
.s16 {
	display: inline-block;
}
.sonic-photo {
	width: 100%;
}
/*4*/
.wrap-frontview {
	width: 125%;
	margin-left: -12%;
}
/*7*/
.box-zheight {
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.zheight {
	width: 80%;
	display: block;
	vertical-align: top;
	margin: 0 auto;
}
.faster {
	width: 60%;
}
}


@media screen and (max-width:415px) {
.kvwording{display:none;}
.box-num-cent {width: 100%;}
.table-powersafe {display: none;}
.fourk, .fullhd {width: 100%; margin:1em auto}

.box-icon-protect { width: 100%;}
.icon-eyecare { width: 35%;}

/*8*/
.icon-dual, .icon-ghz, .icon-ram {
    width: 100%;
    display: inline-block;
    margin-bottom: 2em !important;
}
performance-photo {
    width: 100%;
}
.box-3in1-1 {
    width: 80%;
}
.box-3in1-2 {
    width: 68%;
    top: 1em;
}
.box-3in1-3 {
    width: 68%;
    top: 1em;
}

.rslides_tabs { width: 100%;margin: 5em auto; top:-15em}

.wrap-frontview { width: 115%;margin-left: -8%;}
.audiowizard { margin-top: 1.4em;}   
.box-audiowizard {margin-top: 5em;}   
 
.rslides1_s1 a::after,.rslides1_s2 a::after ,.rslides1_s3 a::after ,.rslides1_s4 a::after ,.rslides1_s5 a::after {font-size: .8em !important;}
.wrap-box-icon-port {width: 100%;} 
.icon-port {width: 25%;margin:3%}   
.gestures {width: 41%;margin: 4%;}
    
   
}

@media screen and (max-width: 400px) {

.box-control {
	margin: 7em auto 0px;
}
.control-option {
	width: 93%;
	top: -2.5em;
	margin-left: -46%;
}

.usb3 {
    width: 27%;
}
vga {
    width: 6%;
    margin-left: 24%;
}
}

@media screen and (max-width: 390px) {
.each-pic {
	width: 18.8%;
	opacity: 0.5;
}
.s16 {
	display: none;
}
.sonic-photo {
	width: 87%;
	margin: 2em auto;
}

}