@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 .wn725n { width:100%; color:#333333; font-size:18px; font-weight: 300; text-align:center; line-height:150%;}
.overview-content .wn725n .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .wn725n .clearFix { *zoom:1;}
.overview-content .wn725n .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .wn725n h3 { font-size:50px; color:#000; padding-top:70px; margin-bottom:0px;line-height: 1.1;}
.overview-content .wn725n p { margin-bottom:0px;}
.overview-content .wn725n h3 span { display:block; margin-bottom:30px; font-size:32px;}
.overview-content .wn725n .a { height:818px; background:url(a.jpg) 50% 0 no-repeat; }
.overview-content .wn725n .a p { padding-top:655px;}
.overview-content .wn725n .b { height:1063px; background:url(b.jpg) 50% 0 no-repeat; }
.overview-content .wn725n .b p { width:779px; margin:0 auto;}
.overview-content .wn725n .c { height:646px; background:url(c.jpg) 50% 0 no-repeat; }
.overview-content .wn725n .c p { padding-top:20px;}
.overview-content .wn725n .d { height:817px; background:url(d.jpg) 50% 0 no-repeat; }
.overview-content .wn725n .d ul { padding:35px 0 0 0; zoom:1; padding-bottom:60px;}
.overview-content .wn725n .d li { width:50%; float:left; text-align:left; margin-left:190px;}
.overview-content .wn725n .d li strong { font-size:20px;}
.overview-content .wn725n .d li.col1 { width:327px;}
.overview-content .wn725n .d span { padding-right:60px;}
.overview-content .wn725n .d .col1 strong { color:#0082C8; font-size:25px;}
.overview-content .wn725n .d li.col2 { width:305px; margin-left:50px;}
.overview-content .wn725n .d .col2 strong { color:#00A0A0; font-size:25px;}
@media screen and (max-width:736px)
{
    .overview-content .wn725n{font-weight: 300;}
    .overview-content .wn725n .w960{ width:auto;}
    .overview-content .wn725n h3{ padding:30px 6% 20px; line-height:1.2; margin:0; font-size:30px; font-weight:bold}
    .overview-content .wn725n p{ padding:0 6%; font-size:18px; line-height:1.45}
    .overview-content .wn725n .a{ background:url(mobile/a.jpg)no-repeat 50% 0/100% auto; padding-top:105%; height:auto}
    .overview-content .wn725n .a p{ padding-top:0; background:-moz-linear-gradient(top,#D5E0E3,#FCFDFD); background:-webkit-gradient(linear,100% 0,100% 100%,from(#D5E0E3),to(#FCFDFD));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5E0E3', endColorstr='#FCFDFD', GradientType='0'); padding-bottom:30px}
    .overview-content .wn725n .b{background:url(mobile/b.jpg)no-repeat 50% 0/100% auto; padding-top:105%; height:auto; padding-bottom:30px}
    .overview-content .wn725n .b p{ padding:0 6%; width:auto}
    .overview-content .wn725n h3 span{ margin-bottom:0; font-size:30px}
    .overview-content .wn725n .c{background:url(mobile/c.jpg)no-repeat 50% 0/100% auto; padding-top:55%; height:auto; padding-bottom:30px}
    .overview-content .wn725n .c p{ padding-top:0}
    .overview-content .wn725n .d{background:url(mobile/d.jpg)no-repeat 50% 0/100% auto; padding-top:45%; height:auto; padding-bottom:30px; overflow:hidden}
    .overview-content .wn725n .d ul{ padding:0; width:88%; margin:0 auto}
    .overview-content .wn725n .d li{ margin-left:0; margin-bottom:10px}
    .overview-content .wn725n .d .col1 strong,.overview-content .wn725n .d .col2 strong{ display:block}
    .overview-content .wn725n .d span{ padding:0}
    .overview-content .wn725n .d span br{ display:none}
    .overview-content .wn725n .d li.col1{ width:auto}
    .overview-content .wn725n .d li.col2{ margin:0; width:auto}
    .overview-content .wn725n .d h3{ text-align:left}
}

