@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 .c20 { width:100%; color:#676e6f; font-size:18px; font-weight: 300; line-height:150%;}
.overview-content .c20 .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .c20 .clearFix { *zoom:1;}
.overview-content .c20 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .c20 .absolute { position:absolute;}
.overview-content .c20 h2 { padding-top:70px; padding-bottom:20px; font-size:36px; line-height:110%; font-weight: 300;}
.overview-content .c20 p { margin-bottom:0px;}
.overview-content .c20 .a { height:521px; background:url(a.jpg) 50% 0 no-repeat;}
.overview-content .c20 .b { height:442px; background:url(b.jpg) 50% 77% no-repeat; text-align:center;}
.overview-content .c20 .b .desc { margin:66px 0 34px 135px; font-size:21px; color:#59afec; text-align:left;}
.overview-content .c20 .b .desc span:first-child, .overview-content .c20 .b .desc1 span:first-child { margin-left:70px; color:#fff;}
.overview-content .c20 .b .desc span:last-child { margin-left:380px;}
.overview-content .c20 .b .desc1 { margin-left:135px; font-size:21px; color:#61b5a4; text-align:left;}
.overview-content .c20 .b .desc1 span:last-child { margin-left:390px;}
.overview-content .c20 .c { height:536px; background:#e4f4fb url(c.jpg) 50% 0 no-repeat; color:#46727c; text-align:left;}
.overview-content .c20 .c h2 { width:565px;}
.overview-content .c20 .c p:first-of-type { width:556px;}
.overview-content .c20 .c p:nth-of-type(2) { margin:39px 0 32px 180px; font-size:24px; color:#22aad4;}
.overview-content .c20 .c p.desc span { font-size:38px;}
.overview-content .c20 .c p:last-of-type { margin-left:180px; font-size:24px; color:#57b4a1;}
.overview-content .c20 .d { background:#d0e9f7; color:#486d75; text-align:left;}
.overview-content .c20 .d .w960 { height:391px; background:url(d.jpg) 83% 50% no-repeat;}
.overview-content .c20 .d h2 { width:477px;}
.overview-content .c20 .d p { width:460px;}
.overview-content .c20 .e { height:547px; background:#9ad2e9 url(e.jpg) 50% 0 no-repeat; color:#4d6d84; text-align:center;}
.overview-content .c20 .e p { width:530px; margin:0 auto;}
.overview-content .c20 .f { height:272px; background:#7dc7e5 url(f.jpg) 50% 40% no-repeat;}
.overview-content .c20 .f ul { color:#cef4fe; padding:143px 0 0 150px;}
.overview-content .c20 .f ul li { float:left; margin-left:20px;}
.overview-content .c20 .f ul li:nth-child(4) { margin-left:30px;}
.overview-content .c20 .f ul li:last-child { margin-left:35px;}
.overview-content .c20 .g{ height:1018px; background:url(g.jpg)no-repeat 50% 50%;color:#2d2d2d;}
.overview-content .c20 .g .desc{ padding-top:275px;float:right;width:423px;}
.overview-content .c20 .g p{margin-bottom:20px;}
.overview-content .c20 .g a{ text-decoration:none;color:#007ec9;}
@media screen and (max-width:736px)
{
    .overview-content .c20 .w960{ width:auto}
    .overview-content .c20 h2{ line-height:1.2; padding:30px 6% 20px; font-size:30px; font-weight:bold}
    .overview-content .c20 p{ padding:0 6%; margin:0}
    .overview-content .c20 .a {height:0;background: url(mobile/a.jpg) 50% 0/100% auto no-repeat; padding-bottom:132%}
    .overview-content .c20 .b{height: auto;background: url(mobile/b.jpg) 50% 90%/88% auto no-repeat;text-align: left; padding-bottom:30%}
    .overview-content .c20 .b .desc,.overview-content .c20 .b .desc1,.overview-content .c20 .c p:nth-of-type(2),.overview-content .c20 .c p:last-of-type{ display:none}
    .overview-content .c20 .c h2,.overview-content .c20 .d h2{ width:auto}
    .overview-content .c20 .c p:first-of-type,.overview-content .c20 .d p{ width:auto}
    .overview-content .c20 .c {height: auto;background:#e4f4fb url(mobile/c.jpg) 50% 100%/100% auto no-repeat; padding-bottom:85%}
    .overview-content .c20 .d{ padding-bottom:30px}
    .overview-content .c20 .d .w960 {height: auto;background: url(mobile/d.jpg) 50% 100%/40% auto no-repeat; padding-bottom:45%}
    .overview-content .c20 .e {height: auto;background: #9ad2e9 url(mobile/e.jpg) 50% 95%/100% auto no-repeat;text-align: left; padding-bottom:55%}
    .overview-content .c20 .e p{ width:auto}
    .overview-content .c20 .f {height: auto;background: #7dc7e5 none; padding:30px 0}
    .overview-content .c20 .f ul{ padding:0; width:88%; margin:0 auto}
    .overview-content .c20 .f ul li{ width:auto; float:none; margin:0; padding-left:50px; line-height:2; background:url(mobile/f-icon1.png)no-repeat 0 50%/auto 30px}
    .overview-content .c20 .f ul li:nth-child(2){ background-image:url(mobile/f-icon2.png)}
    .overview-content .c20 .f ul li:nth-child(3){ background-image:url(mobile/f-icon3.png)}
    .overview-content .c20 .f ul li:nth-child(4){ background-image:url(mobile/f-icon4.png)}
    .overview-content .c20 .f ul li:nth-child(5){ background-image:url(mobile/f-icon5.png)}
    .overview-content .c20 .clearFix:after{ display:none}
    .overview-content .c20 .f ul li:nth-child(4),.overview-content .c20 .f ul li:last-child{ margin:0}

    .overview-content .c20 .f li {margin-left: 0 !important;}
}