@CHARSET "UTF-8";
@media screen and (min-width:1200px){
    .container .imgSection{width:100%;height: 100%;}
     .container .contentSection{width:100%;padding-bottom: 60px;height: auto;}
    .contentSection .content_div{width:1000px;margin:0 auto;}
    .content_div .overlay{width:1010px;margin:0 auto;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .container .imgSection{width:1360px;height: 100%;}
    .container .contentSection{width: 1360px;padding-bottom: 60px;height: auto;}
    .contentSection .content_div{width:1000px;margin:0 auto;}
    .content_div .overlay{width:834px;margin:0 auto;}
}
@media screen and (min-width: 1px) and (max-width: 959px) {
    .container .imgSection{width:1259px;height: 100%;}
    .container .contentSection{width: 1259px;padding-bottom: 60px;height: auto;}
    .contentSection .content_div{width:764px;margin:0 auto;}
    .content_div .overlay{width:774px;margin:0 auto;}
}

body{background: #fff;}
.container .imgSection{margin-top:130px;}
.imgSection img{width:100%;}

.container .contentSection{background-color: #fff;margin-top: -4px;}
.contentSection .content_div{position: relative;}
.content_div .contentLine{display: flex ;display:-webkit-box;display: -ms-flexbox;padding-top: 30px;}
.contentLine li{width: 229px;height:229px;border: 1px solid #a5a3a4;margin-right: 30px;}
.contentLine li img{margin:18px;/* width:83%; */width:188px}
.contentLine .on{background:url("../../images/web/onBackground.png") no-repeat;}
.container .overlay{position: fixed;top:0;left:0;background-color: rgb(43, 43, 43);
    opacity: 0.85;height: 100%;width:100%;}
.container #contentInfo{position: fixed;top: 120px;left:100px;background: #f5f5f5;
    width: 600px;height: 500px;padding-bottom: 20px;border-top: 6px solid #1ac0d0;
    border-radius: 4px;margin-left: 20%;overflow: auto;z-index: 100;}
#contentInfo .summary{width:90%;margin:0 auto;margin-top: 20px;}