.overview-content {font:13px/1.5 Arial, Helvetica, sans-serif}
.overview-content .cr900 { 
	width:100%; 
	color:#333333; 
	font-size:18px; 
	font-weight: 300; 
	text-align:left; 
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
}
.overview-content .cr900 .w1200 { display:block; position:relative; width:1200px; margin:0 auto;}
.overview-content .cr900 .w960 { display:block; position:relative; width:960px; margin:0 auto;}
.overview-content .cr900 .w1280 { display:block; position:relative; width:1280px; margin:0 auto;}
.overview-content .cr900 .clearFix { *zoom:1;}
.overview-content .cr900 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .cr900 .text-pad {display: none;}
.overview-content .cr900 .yellow { color:#b4976c;}
.overview-content .cr900 .left { float:left;}
.overview-content .cr900 .gray { color:#6e6e6e;}
.overview-content .cr900 .point { position:absolute; left:0; top:0; width:100%; height:100%;}
.overview-content .cr900 .fixed { position:fixed; left:0; top:0; width:100%;}
.overview-content .cr900>div { position:relative; z-index:1; overflow:hidden;}
.overview-content .cr900 h2 { padding:0; font-size:52px; line-height:120%; font-weight: 300;}
.overview-content .cr900 h2.big { font-size:60px;}
.overview-content .cr900 h2.bigger { font-size:75px;}
.overview-content .cr900 .nav_right { width:36px; height:250px; position:fixed; top:320px; right:30px; z-index:999; background:url(nav_slide.png) no-repeat;}
.overview-content .cr900 .nav_right li { width:14px; height:14px; float:left; display:inline-block; margin:5px 0 5px 13px; background:url(nav.png) 0 0 no-repeat; cursor:pointer;}
.overview-content .cr900 .nav_right #navRightLi1 { margin-top:25px;}
.overview-content .cr900 .nav_right li.on { background:url(nav_on.png) no-repeat;}
.overview-content .cr900 .nav_text{width:190px;height:226px;display:inline-block;position:fixed;top:340px;right:77px;text-align:right;z-index:999;font-size:15px;color:#7f7f7f;}
.overview-content .cr900 .nav_text li{width:180px;height:24px;line-height:24px; display:inline-block;}
.overview-content .cr900 .nav_text li span{ visibility:hidden;}
.overview-content p { margin-bottom:0px;}
.overview-content .cr900 .a { height:774px; background:url(b.jpg) 50% 0 no-repeat;}
.overview-content .cr900 .a .text { width:670px; padding-top:150px;}
.overview-content .cr900 .a .desc { width:630px; margin:50px 0 20px 0;}
.overview-content .cr900 .a .desc1 { width:597px; margin-bottom:20px;}
.overview-content .cr900 .a .colum { float:left; width:270px;}
.overview-content .cr900 .a .colum h2 span { font-size:30px;}
.overview-content .cr900 .a .colum p { margin:-10px 0 0 5px;}
.overview-content .cr900 .a .speed { position:absolute; right:0; top:150px; width:354px; height:463px;}

.overview-content .cr900 .b { height:928px; background-color:#aad3e7;}
.overview-content .cr900 .b .slide { width:100%; height:928px; overflow:hidden;}
.overview-content .cr900 .b .slide ul { width:100%; height:100%; position:relative;}
.overview-content .cr900 .b .slide li { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url(a-1.jpg) 50% 0 no-repeat;}
.overview-content .cr900 .b .slide .li2 { background-image:url(a-2.jpg);}
.overview-content .cr900 .b .slide .li3 { background-image:url(a-3.jpg);}
.overview-content .cr900 .b li .text { padding:250px 0 0 415px;}
.overview-content .cr900 .b li .text p { margin-top:20px; color:#010101;}
.overview-content .cr900 .b .nav { position:absolute; left:50%; top:800px; width:117px; height:40px; margin-left:-58px; background:url(nav_a.png) 0 0 no-repeat; z-index:5;}
.overview-content .cr900 .b .nav li { float:left; width:18px; height:18px; background:url(nav_black.png) 0 0 no-repeat; cursor:pointer; margin-left:16px; margin-top:11px;}
.overview-content .cr900 .b .nav li.on { background-image:url(nav_white.png);}

.overview-content .cr900 .c { min-height:1017px; text-align:center; color:#fff;}
.overview-content .cr900 .c .fade-image { background:url(c.jpg) center 0 no-repeat; }
.overview-content .cr900 .c .gif { margin-top:212px; opacity:0; transition:all .5s ease-in;}
.overview-content .cr900 .c .show { opacity:1;}
.overview-content .cr900 .c h2 { width:578px; margin:123px auto 30px auto; color:#fff; text-shadow:0px 0px 50px #352618;}

.overview-content .cr900 .d { height:1023px; background:#f2f2f2;}
.overview-content .cr900 .d h2.big { width:600px; padding-top:200px;}
.overview-content .cr900 .d .desc { width:455px; margin:30px 0 70px 0;}
.overview-content .cr900 .d .colum { width:225px;}
.overview-content .cr900 .d .colum .d-child { margin-bottom:10px;}
.overview-content .cr900 .d .colum h2 span { font-size:48px;}
.overview-content .cr900 .d .colum p { margin:-20px 0 0 0;}
.overview-content .cr900 .d .content img { margin-top:15px;}
.overview-content .cr900 .d .content .note { width:180px; margin-top:163px;}
.overview-content .cr900 .d #roller { position:absolute; top:0px; width:100%; left:64%; }
.overview-content .cr900 .d .roll { position:absolute; top:0; }
.overview-content .cr900 .d #roll1 { top:-30px; width:23.4%; }
.overview-content .cr900 .d #roll2 { left:-113px; top:440px; width:33.1%;}
.overview-content .cr900 .d #roll3 { left:-250px; top:650px; width:33%;}

.overview-content .cr900 .e { height:803px; background:url(e.jpg) 50% 0 no-repeat; color:#fff; text-align:center;}
.overview-content .cr900 .e h2 { width:600px; margin:0 auto; padding-top:470px; color:#fff;}
.overview-content .cr900 .e p { width:728px; margin:30px auto;}

.overview-content .cr900 .f { height:1017px; background:url(f.jpg) 50% 0 no-repeat;}
.overview-content .cr900 .f .text { width:520px; padding-top:200px;}
.overview-content .cr900 .f .desc1 { margin:30px 0 20px 0;}
.overview-content .cr900 .f .line { width:490px; height:95px; margin:130px 0 50px 0; background:url(f-line.png) 50% center no-repeat;}
.overview-content .cr900 .f .line p .yellow { font-size:30px; margin-left:371px;}
.overview-content .cr900 .f .line p span span { font-size:18px;}
.overview-content .cr900 .f li { float:left; width:64px; margin-right:30px; color:#6e6e6e; text-align:center;}
.overview-content .cr900 .f li span { display:block; width:64px; height:60px; background:url(f_icon.png) 0 0 no-repeat;}
.overview-content .cr900 .f .li2 span { background-position:-87px 0;}
.overview-content .cr900 .f .li3 span { background-position:-176px 0;}
.overview-content .cr900 .f .li4 span { background-position:-267px 0;}
.overview-content .cr900 .f .li5 span { background-position:-341px 0;}
.overview-content .cr900 .f .li5 p { width:100px; margin-left:-20px;}
.overview-content .cr900 .f .usb { position:absolute; left:624px; bottom:23px; line-height:2em;}

.overview-content .cr900 .g { height:977px; background:url(g.jpg) 50% 0 no-repeat; text-align:center;}
.overview-content .cr900 .g .product { position:absolute; left:92px; top:-578px; }
.overview-content .cr900 .g h2 { padding-top:500px;}
.overview-content .cr900 .g .desc { width:637px; margin:35px auto 50px auto;}
.overview-content .cr900 .g ul { width:440px; margin:0 auto;}
.overview-content .cr900 .g li { float:left; width:85px; margin-right:30px; color:#6e6e6e;}
.overview-content .cr900 .g li span { display:block; width:85px; height:55px; margin-bottom:5px; background:url(g_icon.png) 9px 0 no-repeat;}
.overview-content .cr900 .g .li2 span { background-position:-100px 0;}
.overview-content .cr900 .g .li3 span { background-position:-205px 0;}
.overview-content .cr900 .g .li4 span { background-position:-300px 0;}
.overview-content .cr900 .g .li2 p { width:125px; margin-left:-20px;}
.overview-content .cr900 .g .li4 { margin-right:0px;}

.overview-content .cr900 .h { height:1016px; background:url(h.jpg) 50% 0 no-repeat;}
.overview-content .cr900 .h h2 { padding:100px 0 0 400px;}
.overview-content .cr900 .h p { width:485px; padding:30px 0 0 400px;}

/*.overview-content .cr900 .i { height:1018px; background:url(i.jpg) 50% 0 no-repeat; color:#000;}
.overview-content .cr900 .i .text { width:555px; padding:130px 0 0 80px;}
.overview-content .cr900 .i .desc { margin:40px 0;}
.overview-content .cr900 .i a { color:#000; text-decoration:none;}
.overview-content .cr900 .i a span { margin-left:10px; font-size:15px; font-weight:bold;}*/
.overview-content .cr900 .i { height:1018px; background:url(i.jpg) 50% 0 no-repeat; color:#000; text-align:left;}
.overview-content .cr900 .i .text { position:absolute; right:18px; top:400px; width:422px;}
.overview-content .cr900 .i .text p { margin:30px 0 10px 0;}
.overview-content .cr900 .i .text a { color:#0087cf;}
.overview-content .cr900 .i .text img { margin-left:10px;}

@media screen and (min-width:737px) and (max-width:1280px) {
	.overview-content .cr900 .nav_right, .overview-content .cr900 .nav_text {display: none;}
	.overview-content .cr900 .w1200, .overview-content .cr900 .w1280, .overview-content .cr900 .w960 {width: 690px;}
	.overview-content .cr900 h2 {font-weight: 300; line-height: 1.2; font-weight: lighter;}
	.overview-content .cr900 p {font-weight: 300; font-size: 20px; line-height: 1.4; font-weight: lighter;}
	.overview-content .cr900 .text-pad {display: block;}

	.overview-content .cr900 .a {background: url(pad/a.jpg) 50% 0 no-repeat; background-size: 1300px auto; height: 653px;}
	.overview-content .cr900 .a .text {display: none;}
	.overview-content .cr900 .a .text-pad {padding-top: 155px;}
	.overview-content .cr900 .a .desc1 {font-size: 27px; width: auto; margin-bottom: 40px;}
	.overview-content .cr900 .a .desc2 {font-size: 21px;}
	.overview-content .cr900 .a .desc3 {font-size: 21px; background: url(pad/a-logo.png) 100% 55% no-repeat; width: 235px; background-size: 100px auto;}

	.overview-content .cr900 .b .slide {display: none;}
	.overview-content .cr900 .b .nav {display: none;}
	.overview-content .cr900 .b {background: url(pad/b.jpg) 50% 0 no-repeat; background-size: 1300px auto; height: 629px;}
	.overview-content .cr900 .b h2 {text-align: right; padding-top: 165px; font-size: 48px; padding-bottom: 20px;}
	.overview-content .cr900 .b p {padding-left: 280px;}

	.overview-content .cr900 .c {background: url(pad/c.jpg) 50% 0 no-repeat; background-size: 1300px auto; min-height: 0; height: 700px;}
	.overview-content .cr900 .c .fade-image {display: none;}
	.overview-content .cr900 .c .gif {display: none;}
	.overview-content .cr900 .c .w960 .content {background: url(pad/beamforming.png) 50% 12% no-repeat; background-size: 600px auto; padding-top: 240px;}

	.overview-content .cr900 .d {background: url(pad/d.jpg) 50% 0 no-repeat; background-size: 1300px auto; height: 690px;}
	.overview-content .cr900 .d #roller {display: none;}
	.overview-content .cr900 .d h2.big {padding-top: 55px; font-size: 54px;}
	.overview-content .cr900 .d .desc {display: none;}
	.overview-content .cr900 .d .text-pad {padding: 20px 275px 20px 0;}
	.overview-content .cr900 .d .colum {width: 100%;}
	.overview-content .cr900 .d .colum .d-child {display: inline-block; padding-right: 20px;}
	.overview-content .cr900 h2.bigger {font-size: 40px;}
	.overview-content .cr900 .d .colum h2 span {font-size: 34px;}
	.overview-content .cr900 .d .colum p {margin: 0; font-size: 16px;}
	.overview-content .cr900 .d .content img {width: 135px; margin-top: 30px;}
	.overview-content .cr900 .d .content .note {width: 140px; margin-top: 125px; font-size: 16px;}

	.overview-content .cr900 .e {background-image: url(pad/e.jpg); background-size: 1300px auto; height: 660px;}
	.overview-content .cr900 .e h2 {padding-top: 340px;}
	.overview-content .cr900 .e p:first-of-type {display: none;}
	.overview-content .cr900 .e p {width: auto;}

	.overview-content .cr900 .f {background-size: 1300px auto; height: 687px;}
	.overview-content .cr900 .f .text {padding-top: 80px;}
	.overview-content .cr900 .f p {display: none;}
	.overview-content .cr900 .f .gray {display: flex; font-size: 16px; line-height: 1.4;}
	.overview-content .cr900 .f .text-pad {display: block; padding: 30px 130px 40px 0;}
	.overview-content .cr900 .f .line {width: 360px; height: 52px; background-size: 245px auto; margin: 0; background-position: 55% center;}
	.overview-content .cr900 .f .line p .yellow {font-size: 20px; margin-left: 270px;}
	.overview-content .cr900 .f li p {display: block;}
	.overview-content .cr900 .f ul {transform: scale(0.7); transform-origin: bottom left; padding-top: 135px; -webkit-transform: scale(0.7); -webkit-transform-origin: bottom left;}
	.overview-content .cr900 .f .usb {left: 350px; bottom: 42px; font-weight: 300;}

	.overview-content .cr900 .g {background: url(pad/g.jpg) 50% 0 no-repeat; background-size: 1300px auto; height: 660px;}
	.overview-content .cr900 .g .product {display: none;}
	.overview-content .cr900 .g h2 {padding-top: 310px;}
	.overview-content .cr900 .g .desc {margin: 30px auto;}

	.overview-content .cr900 .h {background-size: 1300px auto; height: 687px;}
	.overview-content .cr900 .h h2 {padding: 85px 0 0 354px;}
	.overview-content .cr900 .h p {padding-left: 354px; display: none;}
	.overview-content .cr900 .h .text-pad {display: block; width: auto; padding-right: 70px;}

	.overview-content .cr900 .i {background-image: url(pad/i.jpg); background-size: 1300px auto; height: 690px;}
	.overview-content .cr900 .i .text {top: 75px;}
}

@media screen and (min-width:737px) and (max-width:960px) {
	.overview-content .cr900 .b {background-size: 1200px auto; height: 580px;}
	.overview-content .cr900 .b h2 {padding-top: 145px;}
}

@media screen and (max-width:736px){
	body{
		margin:0;
	}
	.overview-content .cr900 .w1200{
		width:auto;
	}
	.overview-content .cr900 .nav_right, .overview-content .cr900 .nav_text{
		display:none;
	}
	.overview-content .cr900 .a{
		background:url('mobile/a.jpg');
		background-size:100% auto;
		height:0;
		padding-bottom:136%;
	}
	.overview-content .cr900 .a *{
		display:none;
	}
	.overview-content .cr900 .b{
		background-color:rgb(173,216,235);
		background-image:url('mobile/b1.jpg');
		background-size:100% 100%;

		height:auto;
		
	}
	.overview-content .cr900 .b *{
		display:none;
	}
	.overview-content .cr900 .b:before{
		content:"Versatile Connectivity";
		display:block;
 		font-size:1.875rem;
		font-weight:bold;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .b:after{
		content:"The Archer VR900 is an integrated DSL modem router that works with any kind of 
Internet connection, including VDSL2, ADSL, ADSL2, and ADSL2+. It can also be used with any fiber broadband, cable modem, or 3G/4G dongles. ";
		display:block;
 		font-size:1.125rem; 
		font-weight:normal;
		line-height:145%;
		margin:0;
		padding:0px 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .c:before{
		background:url('mobile/b2.jpg');
		background-position:top;
		background-repeat:no-repeat;
		background-size:100% 100%;
		content:"";
		display:block;
		height:0;
		padding-top:57.96875%;
	}
	.overview-content .cr900 .c{
		background-color:rgb(237,236,232);
		background-image:url('mobile/c.jpg');
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:bottom;
		color:#000;
		min-height:0;
		padding-bottom:115%;
	}
	.overview-content .cr900 .c .fade-image{
		display:none;
	}
	.overview-content .cr900 .c .w960{
		width:auto;
	}
	.overview-content .cr900 .c .w960 img{
		display:none;
	}
	.overview-content .cr900 .c .w960 h2{
		color:#000;
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		text-shadow:none;
		width:auto;
	}
	.overview-content .cr900 .c .w960 p{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6% 2rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .d{
		background-image:url('mobile/d.jpg');
		background-size:100% auto;
		background-position:bottom;
		background-repeat:no-repeat;
		height:auto;
		padding-bottom:85%;
	}
	.overview-content .cr900 .d h2.big{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .d p.desc{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .d .content, #roller{
		display:none;
	}
	.overview-content .cr900 .e{
		background-color:#242424;
		background-image:url('mobile/e.jpg');
		background-position:bottom;
		background-size:100% auto;
		background-repeat:no-repeat;
		height:auto;
		padding-bottom:65%;
	}
	.overview-content .cr900 .e .w960{
		width:auto;
	}
	.overview-content .cr900 .e .w960 h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .e .w960 p{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6% 2rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .f{
		background-color:rgb(245,233,217);
		background-image:url('mobile/f.jpg');
		background-position:bottom;
		background-repeat:no-repeat;
		background-size:100% auto;
		height:auto;
		padding-bottom:85%;
	}
	.overview-content .cr900 .f .clearFix, .overview-content .cr900 .f .usb, .overview-content .cr900 .f p, .overview-content .cr900 .f .line{
		display:none;
	}
	.overview-content .cr900 .f .text{
		padding:0;
		width:auto;
	}
	.overview-content .cr900 .f h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:2rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .f .desc1{
		display:block;
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6% 1rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .g{
		background:url('mobile/g.jpg');
		background-size:100% auto;
		background-repeat:no-repeat;
		height:auto;
		padding-top:46.7%;
	}
	.overview-content .cr900 .g .w960{
		width:auto;
	}
	.overview-content .cr900 .g .w960 h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .g .w960 p{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .g img, .overview-content .cr900 .g .clearFix{
		display:none;
	}
	.overview-content .cr900 .h{
		background:url('mobile/h.jpg');
		background-position:bottom;
		background-repeat:no-repeat;
		background-size:100% auto;
		color:#000;
		height:auto;
		padding-bottom:60%;
	}
	.overview-content .cr900 .h .w960{
		width:auto;
	}
	.overview-content .cr900 .h .w960 h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:2rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .h .w960 p{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6% 2rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .i{
		background-color:rgb(246,246,246);
		background-image:url('mobile/i.jpg');
		background-position:bottom;
		background-size:100% auto;
		background-repeat:no-repeat;
		color:#000;
		height:auto;
		padding-bottom:82%;
	}
	.overview-content .cr900 .i .w1280{
		width:auto;
	}
	/*.overview-content .cr900 .i .w960 h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:3rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .i .w960 .text{
		padding:0;
		width:auto;
	}
	.overview-content .cr900 .i .w960 p, .overview-content .cr900 .i .w960 a{
 		font-size:1.125rem; 
		line-height:145%;
		margin:0;
		padding:0px 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .i .w960 a{
		display:block;
		font-weight:bold;
		padding-bottom:1.5rem;
	}
	.overview-content .cr900 .i .w960 span{
		margin:0;
		padding:0;
	}*/
	.overview-content .cr900 .i h2{
 		font-size:1.875rem;
		line-height:120%;
		margin:0;
		padding:2rem 6% 1.5rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .cr900 .i{ background:#fdfdfe url(mobile/i.jpg)no-repeat 50% 100%/100% auto; height:auto; padding-bottom:60%}
    .overview-content .cr900 .i .text{ position:relative; right:inherit; top:inherit; width:auto}
    .overview-content .cr900 .i .text p{ margin:0; padding:0 6%}
    .overview-content .cr900 .i .text a{ display:block; padding:0 6%}
}