@font-face {
    font-weight: 300;
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('https://static.tp-link.com/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.overview-content .wr710n { width:100%; color:#595757; font-size:18px; font-weight: 400; line-height:150%;}
.overview-content .wr710n .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .wr710n .clearFix { *zoom:1;}
.overview-content .wr710n .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .wr710n h2 { font-size:36px; color:#241916; font-weight: 400; padding-bottom:0px;}
.overview-content .wr710n h3 { font-size:26px; margin-top:0px; margin-bottom:0px;}
.overview-content .wr710n p { margin-bottom:0px;}
.overview-content .wr710n .a { height:646px; background:url(a.jpg) 50% 0 no-repeat;}
.overview-content .wr710n .b { height:527px; background:url(b.jpg) 50% 0 no-repeat; text-align:center;}
.overview-content .wr710n .b h2 { padding-top:20px;}
.overview-content .wr710n .b p { padding-top:30px; width:845px; margin:0 auto;}
.overview-content .wr710n .b ul li { position:absolute; font-size:14px; color:#898989;}
.overview-content .wr710n .b .li1 { top:348px; left:297px;}
.overview-content .wr710n .b .li2 { top:374px; left:352px;}
.overview-content .wr710n .b .li3 { top:398px; left:448px;}
.overview-content .wr710n .c { height:752px; background:url(c.jpg) 50% 0 no-repeat;}
.overview-content .wr710n .c h2 { padding-top:70px; text-align:center;}
.overview-content .wr710n .c .text { position:absolute; left:405px; top:163px; line-height:120%;}
.overview-content .wr710n .c .text p { padding-top:10px; font-size:15px;}
.overview-content .wr710n .c .text span { display:block; margin-top:9px; font-size:17px; color:#00A0E9;}
.overview-content .wr710n .c .two { margin-top:212px;}
.overview-content .wr710n .d { height:909px; background:url(d.jpg) 50% 0 no-repeat;}
.overview-content .wr710n .d .text { position:absolute; left:405px; top:15px;}
.overview-content .wr710n .d .text p { font-size:15px;}
.overview-content .wr710n .d .four, .overview-content .d .five { padding-top:231px;}
.overview-content .wr710n .e { height:635px; background:url(e.jpg) 50% 0 no-repeat;}
.overview-content .wr710n .e h2 { padding-top:70px; text-align:center;}
.overview-content .wr710n .e span { float:left; margin-top:40px; width:463px; font-size:17px;}

@media screen and (max-width:736px){
	body{
		margin:0;
	}
	.overview-content .wr710n {
		font-weight: 300;
	}
	.overview-content .wr710n{
		background-color:#fff;
	}
	.overview-content .wr710n .w960{
		margin:0;
		width:100%;
	}
	.overview-content .wr710n h2 {
		font-weight: 300;
	}
	.overview-content .wr710n .a{
		background:url('mobile/a.jpg');
		background-repeat:no-repeat;
		background-size:100%;
		color:transparent;
		height:0;
		padding-bottom:132%;
		width:100%;
	}
	.overview-content .wr710n .b{
		background:none;
	}
	.overview-content .wr710n .b h2{
		font-size:1.875rem;
		font-weight:bold;
		line-height:120%;
		padding:0px 6%;
		text-align:left;
	}
	.overview-content .wr710n .b p{
		font-size:1.125rem;
		font-weight:bolder;
		line-height:145%;
		padding:0 6% 1rem 6%;
		text-align:left;
		width:auto;
	}
	.overview-content .wr710n .b ul{
		background:url('mobile/b.jpg');
		background-size:100%;
		display:block;
		height:0;
		margin:0;
		padding:0;
		padding-bottom:80.3%;
		width:100%;
	}
	.overview-content .wr710n .b ul li{
		display:none;
	}
	.overview-content .wr710n .c{
		background:none;
		height:auto;
	}
	.overview-content .wr710n .d{
		background:none;
		height:auto;
	}
	.overview-content .wr710n .c h2{
		font-size:1.875rem;
		font-weight:bold;
		line-height:120%;
		padding:30px 6% 0 6%;
		text-align:left;
	}
	.overview-content .wr710n .w960 .text{
		position:relative;	
		top:0;
		left:0;
	}
	.overview-content .wr710n .w960 .one,
	.overview-content .wr710n .w960 .two,
	.overview-content .wr710n .w960 .three,
	.overview-content .wr710n .w960 .four,
	.overview-content .wr710n .w960 .five{
		margin:0;
		position:relative;
		padding:0;
	}
	.overview-content .wr710n .w960 .one:before,
	.overview-content .wr710n .w960 .two:before,
	.overview-content .wr710n .w960 .three:before,
	.overview-content .wr710n .w960 .four:before,
	.overview-content .wr710n .w960 .five:before{
		font-size:2.8rem;
		font-weight:bold;
		position:absolute;
		top:3rem;
		left:6%;
	}
	.overview-content .wr710n .w960 .one:before{
		content:"1";
	}
	.overview-content .wr710n .w960 .two:before{
		content:"2";
	}
	.overview-content .wr710n .w960 .three:before{
		content:"3";
	}
	.overview-content .wr710n .w960 .four:before{
		content:"4";
	}
	.overview-content .wr710n .w960 .five:before{
		content:"5";
	}
	.overview-content .wr710n .w960 .text h3{
		font-size:1.5rem;
		font-weight:bold;
		line-height:120%;
		padding:30px 6% 0 15%;
		text-align:left;
	}
	.overview-content .wr710n .w960 .text p{
		font-size:0.9rem;
		font-weight:bold;
		line-height:145%;
		margin:0.5rem 0;
		padding:0px 6% 0 15%;
		text-align:left;
	}
	.overview-content .wr710n .c .text span{
		font-size:0.9rem;
		font-size:1.125rem;
		font-weight:bold;
		text-align:center;
	}
	.overview-content .wr710n .w960 .text .one+span:after{
		background:url('mobile/c1.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		margin:1rem 0;
		padding-bottom:27%;
		width:100%;
	}
	.overview-content .wr710n .w960 .text .two:after{
		background:url('mobile/c2.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		margin:1rem 0;
		padding-bottom:26.7%;
		width:100%;
	}
	.overview-content .wr710n .w960 .text .three:after{
		background:url('mobile/d3.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		margin:1rem 0;
		padding-bottom:27.8%;
		width:100%;
	}
	.overview-content .wr710n .w960 .text .four:after{
		background:url('mobile/d4.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		margin:1rem 0;
		padding-bottom:30.1%;
		width:100%;
	}
	.overview-content .wr710n .w960 .text .five:after{
		background:url('mobile/d5.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		margin:1rem 0;
		padding-bottom:46.4%;
		width:100%;
	}
	.overview-content .wr710n .e{
		background:none;
		position:relative;
		height:auto;
	}
	.overview-content .wr710n .e h2{
		font-size:1.875rem;
		font-weight:bold;
		line-height:120%;
		padding:30px 6% 0 6%;
		text-align:left;
	}
	.overview-content .wr710n .e span{
		font-size:1.125rem;
		font-weight:bold;
		line-height:145%;
		margin:0.5rem 0;
		padding:0px 6% 0 6%;
		text-align:left;
		width:auto;
		float:none;
		display:block
	}
	.overview-content .wr710n .e h2+span:after{
		background:url('mobile/e1.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		left:-6.8182%;
		margin:1rem 0;
		padding-bottom:69.422%;
		position:relative;
		width:113.636%;
	}
	.overview-content .wr710n .e span+span{	
		height:auto;
		position:relative;
		left:-30px;
	}
	.overview-content .wr710n .e span+span:after{
		background:url('mobile/e2.jpg') no-repeat;
		background-size:100%;
		content:"";
		display:block;
		height:0;
		left:-6.8182%;
		margin:1rem 0;
		padding-bottom:68.176%;
		position:relative;
		width:113.6364%;
	}
}