@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 .mr3040 { width:100%; color:#4C4948; font-size:18px; font-weight: 300; line-height:150%;}
.overview-content .mr3040 .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .mr3040 .clearFix { *zoom:1;}
.overview-content .mr3040 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .mr3040 p { margin-bottom:0px;}
.overview-content .mr3040 .a { height:530px; background:url(a.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .b { height:95px; background:url(b.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .b p { padding:10px 10px 0 50px;}
.overview-content .mr3040 .c { height:1019px; background:url(c.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .c .desc1 { padding-left:20px; color:#27B7EC;}
.overview-content .mr3040 .c .part1 { padding:86px 0 0 469px; width:450px;}
.overview-content .mr3040 .c .part2 { padding:287px 0 0 371px; width:480px;}
.overview-content .mr3040 .c .part3 { padding:371px 0 0 228px; width:450px;}
.overview-content .mr3040 .d { height:882px; background:url(d.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .d .desc { padding:420px 0 0 88px; width:733px;}
.overview-content .mr3040 .d .desc1 { padding:113px 0 0 537px; font-size:16px; color:#4D4D4D;}
.overview-content .mr3040 .e { height:726px; background:url(e.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .e .desc { padding:65px 0 0 88px; width:743px;}
.overview-content .mr3040 .e span { position:absolute; top:390px; font-size:14px; color:#888888;}
.overview-content .mr3040 .e .left { left:65px;}
.overview-content .mr3040 .e .right { right:50px;}
.overview-content .mr3040 .e ul { font-size:15px; color:#504F4F; line-height:130%; text-align:center;}
.overview-content .mr3040 .e ul li { position:absolute; top:641px;}
.overview-content .mr3040 .e li:first-child { left:146px;; width:158px;}
.overview-content .mr3040 .e li:nth-child(2) { left:363px; width:200px;}
.overview-content .mr3040 .e li:last-child { right:151px; width:200px;}
.overview-content .mr3040 .f { height:429px; background:url(f.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .g { height:657px; background:url(g.jpg) 50% 0 no-repeat;}
.overview-content .mr3040 .g .desc { padding:110px 0 0 300px; width:440px; font-size:20px;}
.overview-content .mr3040 .g .feature { padding:40px 0 0 300px;}
@media screen and (max-width:736px)
{
    .overview-content .mr3040{font-weight: 300;}
    .overview-content .mr3040 .w960{ width:auto}
    .overview-content .mr3040 p{ padding:0 6%; line-height:1.45}
    .overview-content .mr3040 .a{ background:url(mobile/a.jpg)no-repeat 50% 0/100% auto; padding-bottom:92%; height:auto}
    .overview-content .mr3040 .b{ height:auto; background-size:100% 100%}
    .overview-content .mr3040 .b p{ padding:15px 6% 20px; width:auto}
    .overview-content .mr3040 .c{ background:none; height:auto}
    .overview-content .mr3040 .c .part1{ padding:30px 0 0; width:auto;background:-moz-linear-gradient(left,#F4F8FC,#FFFFFF); background:-webkit-gradient(linear,0 100%,100% 100%,from(#F4F8FC),to(#FFFFFF));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F8FC', endColorstr='#FFFFFF', GradientType='1');}
    .overview-content .mr3040 .c .desc1{font-weight:bold; width:88%; margin:0 auto; display:block; padding-bottom:10px; padding-left:0}
    .overview-content .mr3040 .c .part1 .desc1{background:url(mobile/b1.png)no-repeat 0 0/200px auto; padding:17% 0 10px; }
    .overview-content .mr3040 .part1 p:last-child{background:url(mobile/b2.jpg)no-repeat 50% 100%/100% auto; padding-bottom:55%;}
    .overview-content .mr3040 .c .part2{ padding:0; width:auto;background:-moz-linear-gradient(left top,#EFF8FB,#F6FBFD,#FFFFFF); background:-webkit-gradient(linear,0 100%,100% 100%,from(#EFF8FB),color-stop(0.5, #F6FBFD), to(#F5FAFE));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFF8FB', endColorstr='#FFFFFF', GradientType='1');}
    .overview-content .mr3040 .c .part3{padding:0; width:auto;background:-moz-linear-gradient(left top,#DDF0F0,#DAEFF6,#D3E5F6); background:-webkit-gradient(linear,0 100%,100% 100%,from(#DDF0F0),color-stop(0.5, #DAEFF6), to(#D3E5F6));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDF0F0', endColorstr='#D3E5F6', GradientType='1');}
    .overview-content .mr3040 .c .part2 .desc1,.overview-content .mr3040 .c .part3 .desc1{ padding:20px 0 10px 0}
    .overview-content .mr3040 .part2 p:last-child{background:url(mobile/c.jpg)no-repeat 50% 100%/100% auto; padding-bottom:80%;}
    .overview-content .mr3040 .part3 p:last-child{background:url(mobile/d.jpg)no-repeat 50% 100%/100% auto; padding-bottom:40%;}
    .overview-content .mr3040 .d{background:url(mobile/f.jpg)no-repeat 50% 100%/100% auto; padding-bottom:138%; height:auto}
    .overview-content .mr3040 .d .desc{ width:88%; padding:0;background:url(mobile/e.png)no-repeat 0 7%/200px auto; padding-top:25%; margin:0 auto; padding-bottom:30px}
    .overview-content .mr3040 .d .desc1{ display:none}
    .overview-content .mr3040 .d .w960{background:-moz-linear-gradient(left top,#CCE9F1,#D0EBF2,#D4ECFA); background:-webkit-gradient(linear,0 100%,100% 100%,from(#CCE9F1),color-stop(0.5, #D0EBF2), to(#D4ECFA));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE9F1', endColorstr='#D3E5F6', GradientType='1');}
    .overview-content .mr3040 .e{background:url(mobile/i.jpg)no-repeat 50% 100%/100% auto; padding-bottom:123%; height:auto}
    .overview-content .mr3040 .e .w960{background:-moz-linear-gradient(left top,#E6F5FA,#F6FBFD,#F7FAFD); background:-webkit-gradient(linear,0 100%,100% 100%,from(#E6F5FA),color-stop(0.5, #F6FBFD), to(#F7FAFD));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6F5FA', endColorstr='#D3E5F6', GradientType='1');}
    .overview-content .mr3040 .e .desc{ padding:0; width:88%; margin:0 auto; padding-bottom:30px;background:url(mobile/k.png)no-repeat 0 7%/250px auto; padding-top:24%}
    .overview-content .mr3040 .e .left,.overview-content .mr3040 .e .right,.overview-content .mr3040 .e ul{ display:none}
    .overview-content .mr3040 .f{ display:none}
    .overview-content .mr3040 .g{ background:#FAFAFC; height:auto; border-top:1px solid }
    .overview-content .mr3040 .g .w960{ width:88%; margin:0 auto; padding:30px 0}
    .overview-content .mr3040 .g .desc{ width:auto; padding:0; padding-left:90px; font-weight:bold;background:url(mobile/j.jpg)no-repeat 20px 50%/60px auto; min-height:120px}
    .overview-content .mr3040 .g .feature{padding:0;font-weight: 300; }
    .overview-content .mr3040 .g .feature p{padding:0;}
}

