@font-face {
    font-family: 'MyriadProLight';
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.overview-content {font:13px/1.5 Arial, Helvetica, sans-serif;}
.overview-content .pb {width:100%; font-family: MyriadProLight,  Arial, sans-serif; color:#000; font-size:24px;}
.overview-content .pb h2 { padding:0 0 10px 0; font-size:36px; font-family:'Myriad Pro', Arial, Helvetica, sans-serif; color:#000;}
.overview-content .pb .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .pb .clearFix { *zoom:1;}
.overview-content .pb .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .pb p { margin-bottom:0px;}
.overview-content .pb .a .w960 { height:875px; background:url(a.jpg) right bottom no-repeat;}
.overview-content .pb .a .text { padding-top:96px; width:500px;}
.overview-content .pb .a .text1 { width:477px; margin-top:150px;}
.overview-content .pb .b .w960 { border-bottom:1px solid #808080; padding-bottom:80px;}
.overview-content .pb .b h2 { padding:10px 0;}
.overview-content .pb .b .desc { margin-bottom:40px;}
.overview-content .pb .b .note { font-size:12px;}
.overview-content .pb .c h2 { padding-top:90px;}
.overview-content .pb .c img { margin:20px 0 150px 0px;}
.overview-content .pb .d .w960 { border-bottom:1px solid #808080; padding-bottom:100px;}
.overview-content .pb .d .text { float:left; width:389px;}
.overview-content .pb .d .text h2 { line-height:120%;}
.overview-content .pb .d img { float:right; width:494px;}
.overview-content .pb .e h2 { margin-top:90px;}
.overview-content .pb .e .img1 { margin:30px 0 100px 0;}
.overview-content .pb .f .text { float:left; width:315px;}
.overview-content .pb .f img { float:right; width:645px;}
@media screen and (max-width:736px)
{
    .overview-content .pb .w960{ width:auto}
    .overview-content .pb h2{font-family: MyriadProLight,  Arial, sans-serif; font-size:30px; font-weight:bold; line-height:1.2; padding:30px 6% 20px}
    .overview-content .pb .a .w960{ height:auto; background:url(a.jpg)no-repeat 100% 0/60% auto; padding-top:80%}
    .overview-content .pb .a .text{ width:auto; padding:0}
    .overview-content .pb p{ margin:0; padding:0 6%; font-size:18px; line-height:1.45;}
    .overview-content .pb .a .text1{ margin:0; width:auto}
    .overview-content .pb .b .w960{ padding-bottom:30px}
    .overview-content .pb .b h2{ padding:30px 6% 20px}
    .overview-content .pb .b .desc{ margin-bottom:20px}
    .overview-content .pb .b img{ max-width:100%; height:auto}
    .overview-content .pb .b .note{ font-size:14px}
    .overview-content .pb .c h2{ padding-top:30px}
    .overview-content .pb .c img{ margin:15px 0 0; max-width:100%; height:auto}
    .overview-content .pb .d .w960{ padding-bottom:30px}
    .overview-content .pb .d .text{ float:none; width:auto}
    .overview-content .pb .d img{ float:none; max-width:100%; height:auto; margin-top:10px}
    .overview-content .pb .e h2{ margin-top:0}
    .overview-content .pb .e .img1{ margin:15px 0 0 ; max-width:100%; height:auto; vertical-align:top}
    .overview-content .pb .f .text{ float:none; width:auto}
    .overview-content .pb .f img{ float:none; max-width:100%; height:auto}
}