@charset "utf-8";
/*rslider*/
.wrap-slider{position:relative}
.rslides {list-style: none;overflow: hidden;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}
/*-------------*/


/*kv*/
.wrap-kv { width:100%; }
.wrap-kv .prd-logo{width:100%; display:block; margin:0 auto}
.wrap-kv .prd-logo img{width:100%; max-width:815px!important;}
.wrap-kv .kv-bg{width:100%; height:0; padding-bottom:58.9%; background:url(../images/img-kv-bg.jpg) 50% no-repeat; background-size:cover; position:absolute;top:0;left:0;z-index:-1}
.wrap-kv .box-img-cent{width:95%; height:0; padding-bottom:36.3%; background:url(../images/img-kv.png) 50% no-repeat; background-size:contain;}
.wrap-kv .txt-cent-big{max-width:820px;}

/*Meet the Stunning Convertible Chromebook*/
.wrap-stunning{width:100%; position:relative;}
.wrap-stunning .box-img-cent{ width:69.18%;  height:0; padding-bottom:40.74%; background:url(../images/img-stunning.png) 50% no-repeat; background-size:contain; float:left}
.wrap-stunning .box-word-left{ width:35%; margin-left:-5%;  float:right}
.wrap-stunning .box-word-left .txt-left{max-width:550px;}
.wrap-stunning .box-word-left .mobo-spc{ display:none}

/*Flip into any style you want!*/
.wrap-flip{ width:100%; }
.box-flipmode-pager {width:100%; margin:0 auto; text-align:center;}
.box-flipmode-pager ul{margin:0}
#flipmode-pager{width:100%;}
#flipmode-pager li{ width:15%; margin:0 3%; max-width:135px; display:inline-block; vertical-align:top;}
#flipmode-pager li a { color:#C9C9C9 ; font-size:1.4em; line-height:1em}
	/*pager icon*/
#flipmode-pager li a  .box-btn{width:100%;height:0;padding-bottom:80.2%;}
#flipmode-pager li a  .btn-tent{ background:url(/../images/tent.svg) no-repeat;  background-size:contain}
#flipmode-pager li a  .btn-tablet{ background:url(/../images/tablet.svg) no-repeat;  background-size:contain}
#flipmode-pager li a  .btn-laptop{ background:url(/../images/laptop.svg) no-repeat;  background-size:contain}
#flipmode-pager li a  .btn-stand{ background:url(/../images/stand.svg) no-repeat;  background-size:contain }
	/*slide img*/
.wrap-flip .box-flipmode { display:block; width:100%;; height:0; padding-bottom:43%;position:relative; }
.wrap-flip .box-flipmode .flipmode{ display:block; width:100%;; height:0; padding-bottom:43%;position:relative; }
.wrap-flip .box-flipmode #flipmode li{width:100%; height:0; padding-bottom:43%; display:block; overflow:hidden;}
.wrap-flip .box-flipmode #flipmode .mode-tent { background:url(../images/img-style-tent.jpg) no-repeat; background-size:contain }
.wrap-flip  .box-flipmode #flipmode .mode-tablet { background:url(../images/img-style-tablet.jpg) no-repeat;  background-size:contain }
.wrap-flip  .box-flipmode #flipmode .mode-laptop { background:url(../images/img-style-laptop.jpg) no-repeat;  background-size:contain} 
.wrap-flip  .box-flipmode #flipmode .mode-stand { background:url(../images/img-style-stand.jpg) no-repeat;  background-size:contain }


/*A Clear and Wide View*/
.wrap-wideview{width:100%;}
.wrap-wideview .txt-cent{max-width:700px;}
.wrap-wideview .box-img-cent{ width:90%; height:0; padding-bottom:49.8%; margin:0 auto; background: url(../images/img-wideview.jpg) no-repeat; background-size:contain}

/*Work and Play at Your Fingertips*/
.wrap-fingertips{width:100%; text-align:center}
.wrap-fingertips .mobo-spc{ display:none}
.wrap-fingertips .box-word-left{width:28%;max-width:377px; float:left; margin-left:10%; margin-right:2%;vertical-align:top;}
.wrap-fingertips .box-img-cent{width:70%; height:0; padding-bottom:48.11%; float:right; margin-left:-10%;background:url(../images/img-fingertips.png) no-repeat; background-size:contain;}

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


/*Experience Extreme Typing Comfort*/
.wrap-comfort{width:100%;position:relative}
#keybord-animation {width:35%; margin:-2px;text-align: center;display:inline-block; cursor:pointer ; vertical-align:bottom;}
#keybord-animation canvas{width:100% !important; height:auto!important; display:block; }
.traveldisten{ width:5.5%;display:inline-block; vertical-align:middle; margin-top:-16%;}
.touchpad-size{width:50%; margin:-2px;text-align: center;display:inline-block;}
.touchpad-size img{width:100%; max-width:325px;}
.wrap-comfor-icon{width:90%; max-width:900px; margin:0 auto ; text-align:center;}
.box-comfort-img{position:relative; overflow:hidden;}
.box-comfort-img img{ width:100%;  max-width:1540px;}
.box-comfort-keyboard{ width:100%; text-align:center;}
.box-comfort-keyboard img{ width:100%; maxwidth:1340px; }


/*Powered by Intel processors*/
.wrap-processors  {width:100%; position:relative}
.wrap-processors  .box-word-cent  .txt-cent{ max-width:605px;}
.wrap-processors  .box-word-cent  figure{ display:inline-block; margin:0 2%!important;}

.wrap-processors  .box-img-cent{width:100%; height:0; padding-bottom:48.82%; background:url(../images/img-processors.png) no-repeat; background-size:contain;}


/*Your Flexible Companion*/
.wrap-flexible  {width:100%; position:relative}
.wrap-flexible  .box-word-cent  .txt-cent{ max-width:605px;}
.wrap-flexible  .box-word-cent  figure{ display:inline-block; }
.wrap-flexible .box-icon{ min-width:250px;}
.wrap-flexible  .box-img-cent{width:90%; height:0; padding-bottom:8.145%; background:url(../images/img-flexible.png) no-repeat; background-size:contain;}

/*Experience thousands of amazing apps on Chrome and Android*/
.wrap-experience{ width:100%; position:relative;}
.wrap-experience .box-word-left{ width:45%;margin-left:10%; float:left;}
.wrap-experience .box-img-cent{ width:80%; height:0;padding-bottom:38.29%;margin-top:2%; float:right; background:url(../images/img-experience.png) no-repeat; background-size:contain;}
.wrap-experience .mobo-spc{ display:none}


/*Chrome management console - Manage 10s, 100s, even 1000s of Chromebooks with ease*/
.wrap-management{width:100%;}
.wrap-management .box-word-left{width:37%; float:right; margin-right:5%;}
.wrap-management .box-img-cent{width:65%; height:0; padding-bottom:46.37%; margin-left:10%; margin-top:-8%;float:left; background:url(../images/img-management.png) no-repeat; background-size:contain;}
.wrap-management.mobo-spc{ display:none}


/*media queryt*/
@media screen and (max-width:1600px){
/*Meet the Stunning Convertible Chromebook*/
	.wrap-stunning .box-img-cent { margin-left: -10%}
	.wrap-stunning .box-word-left { width: 42%;}
}

@media screen and (max-width:1370px){
/*Meet the Stunning Convertible Chromebook*/
.wrap-stunning .box-word-left .txt-left{max-width:423px;}

}
@media screen and (max-width:1160px){
.each-pic { width: 11.7%;}
}
@media screen and (max-width:1100px){
/*Meet the Stunning Convertible Chromebook*/
.wrap-stunning .box-img-cent{ width:100%;  height:0; padding-bottom:58.89%;  float:none; margin:0 auto}
.wrap-stunning .box-word-left{ width:80%; float:none; margin:0 auto; text-align:center}
.wrap-stunning .box-word-left .txt-left{max-width:none;text-align:center}
.wrap-stunning .box-word-left .mobo-spc{ display:block}

/*A Clear and Wide View*/
.wrap-wideview .box-img-cent{ width:100%; }


/*Work and Play at Your Fingertips*/
.wrap-fingertips .box-word-left {width:33%;margin-left:5%}
.wrap-fingertips .box-img-cent {margin-top:13%}
}
@media screen and (max-width:1027px){
/*Work and Play Anywhere, Anytime, All day*/
.wrap-allday .box-word-left {width: 51%;margin: -2px;margin-left: 2%;}

}
@media screen and (max-width:1024px){
/*Stay Connected*/
.wrap-connect	.box-word-left{width:80%;  min-width:none;margin:0 auto; display:block; text-align:center}
.wrap-connect	.box-word-left .txt-left { text-align:center}
.wrap-connect .box-img-cent{ width:100%; padding-bottom:70.87%;}
.wrap-connect .mobo-spc{ display:block}
}
@media screen and (max-width:1000px){
	
/*Powerfully Clear Sound*/
.wrap-sound .sonic-photo {width: 85%;}	
/*Experience thousands of amazing apps on Chrome and Android*/	
.wrap-app .wrap-frontview {   width: 85%;}	 
.wrap-app #screenmode-pager li {width: 30%;}
    
	
/*Experience thousands of amazing apps on Chrome and Android*/
.wrap-experience .box-word-left{ width:80%;margin:0 auto; float:none; text-align:center;}
.wrap-experience .box-word-left br { display:none}
.wrap-experience .box-word-left .txt-left{ text-align:center;}
.wrap-experience .box-img-cent{ width:100%; height:0;padding-bottom:47.87%;margin-top:2%; float:none;}
.wrap-experience .mobo-spc{ display:block}

/*Chrome management console - Manage 10s, 100s, even 1000s of Chromebooks with ease*/
.wrap-management .box-word-left{width:80%; float:none; margin:0 auto ; text-align:center}
.wrap-management .box-word-left .txt-left{ text-align:center}
.wrap-management .box-img-cent{width:90%; height:0; padding-bottom:64.05%; margin:0 auto;float:none; }
.wrap-management.mobo-spc{ display:block}
}

@media screen and (max-width:950px){
/*Work and Play at Your Fingertips*/
.wrap-fingertips .box-word-left{width:80%;max-width:none; float:none; margin:0 auto; text-align:center;}
.wrap-fingertips .box-word-left .subT br{display:none}
.wrap-fingertips .box-word-left .txt-left{text-align:center;}
.wrap-fingertips .box-img-cent{width:100%; height:0; padding-bottom:66.82%; float:none;  margin:0 auto;}
.wrap-fingertips .mobo-spc{ display:block}
}

@media screen and (max-width:905px){
/*Work and Play Anywhere, Anytime, All day-*/
.wrap-allday .box-img-cent{display:none;}
.wrap-allday .box-img-cent-mobo{display:block;}
.wrap-allday  .box-word-left{ width:80%; margin:0 auto; display:block; text-align:center; }
.wrap-allday  .box-word-left .txt-left{max-width:none; text-align:center;}
.wrap-allday .mobo-spc{ 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;}
}

/*Stay Connected*/
.wrap-connect{ width:100%; height:100%;position:relative; vertical-align:middle}
.wrap-connect	.box-word-left{width:28%; height:auto; min-width:385px;margin-left:10%; display:inline-block; vertical-align:middle}
.wrap-connect	.box-word-left .box-wifi-signal{width:125px; height:85px!important;display:inline-block;vertical-align: middle; margin-right:3%; overflow:hidden;}
.wrap-connect	.box-word-left figure{display:inline-block;vertical-align: middle;}
.wrap-connect .box-img-cent{ width:62%; height:0; padding-bottom:42.52%; background:url(../images/img-connected.jpg) no-repeat; background-size:cover;display:inline-block; margin-right:-10%;vertical-align:middle}
.wrap-connect .mobo-spc{ display:none}


/*Work and Play Anywhere, Anytime, All day-*/
.wrap-allday{width:100%; position:relative; text-align:center}
.wrap-allday .box-img-cent{width:45%; height:0; padding-bottom:44.8%; margin:-2px; display:inline-block;background:url(../images/img-allday.jpg) no-repeat; background-size:contain;vertical-align:middle}
.wrap-allday .box-img-cent-mobo{width:100%; height:0; padding-bottom:50.66%;  display:none; background:url(../images/img-allday-mobo.jpg) no-repeat; background-size:contain;}
.wrap-allday .mobo-spc{ display:block}

.wrap-allday  .box-word-left{ width:45%; margin:-2px; margin-left:-2%; display:inline-block;vertical-align:middle }
.wrap-allday  .box-word-left .txt-left{max-width:610px;}
.wrap-allday  .box-word-left figure{ display:inline-block; margin:0 2%!important}

/*Powerfully Clear Sound*/
.wrap-sound{ position:relative; width:100%; padding-top:5%;}
.sonic-photo {width: 60%;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%}

/*Simple, Secure and Reliable*/
.wrap-app{ width:100%; }

.box-screenmode-pager , .control-option{width:60%; margin:1em auto 0; text-align:center;}

.box-screenmode-pager ul{margin:0}
.wrap-app #screenmode-pager{width:100%;}
.wrap-app #screenmode-pager li{width:17%; margin:2%; min-width:67px; display:inline-block; vertical-align:top;}

.wrap-app #screenmode-pager li a { color:#C9C9C9}
.wrap-app #screenmode-pager li img{width:100%; margin-bottom:.5em}
.chromeoa{width: 72.5% !important;max-width: 809px!important;top: 8.18%!important;left: 13.36%!important;}


.wrap-app .wrap-frontview { width:60%;}



@media screen and (max-width: 768px) {
.each-pic {
	margin: 0.3% 0.08%;
}	
.control-option {	width: 75%;	position: absolute;	top: -5.5em;	left: 50%;	margin-left: -36%;}
#screenmode-pager li {    width: 19%;    margin: 1.5% 2.5%;}
}

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

@media screen and (max-width:580px){
/*Work and Play Anywhere, Anytime, All day*/
.wrap-allday .box-word-left figure {margin: 2%!important;}
}




@media screen and (max-width: 560px) {
.wrap-frontview {width: 125%;margin-left: -12%;}
.each-pic {	width: 11.3%;	opacity: .5}
.s16 {	display: inline-block;}
.sonic-photo {width: 100%;}
.wrap-app .wrap-frontview { width:100%;}
.wrap-app #screenmode-pager li {width: 45%;}
.wrap-app #screenmode-pager {    width: 100%;    margin: 0 auto;}
.wrap-connect	.box-word-left {   margin: 0 auto;    display: block;}
.wrap-connect .box-img-cent {width: 100%;height: 0;padding-bottom: 70.52%;}
.wrap-allday .box-word-left {width: 90%; margin: 0 auto;  display: block;}
.wrap-connect .mobo-spc{ display:block}  
.wrap-allday .separate-sec{display:none}	
.wrap-allday .box-img-cent {padding-bottom: 53.8%;}

    
}

@media screen and (max-width:415px) {
/*Typing comfort, redefined*/
.touchpad-size{ display:block;width:60%; margin: 11% 0 0 12%}
.traveldisten {margin-top:-45%;}
#keybord-animation { width: 60%;}
.box-comfort-shade{ margin-top:-1%}

/*8*/
/*
.rslides_tabs { width: 100%;margin: 5em auto; top:-15em}
.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-frontview { width: 115%;margin-left: -8%;}
#screenmode-pager {    width: 144%;    margin-left: -22%;}
}

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