@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .container .area {
        width: 1186px;
    }

    .container .content .con_top .cont_lef {
        width: 750px;
    }

        .container .content .con_top .cont_lef #waveform {
            width: 750px;
        }
}
@media (max-width:996px) {
    .container .search_box input#txt_search{
            width: 67%;
    }
}
@media screen and (min-width: 996px) and (max-width: 1200px) {
    .container .area {
        width: 970px;
    }

    .container .content .con_top .cont_lef {
        width: 534px;
    }

        .container .content .con_top .cont_lef #waveform {
            width: 534px;
        }



    .container .content .con_bot ul li {
        width: 26.3333%;
    }

        .container .content .con_bot ul li:nth-child(3n) {
            margin-right: 0;
        }
}
@media  (max-width:996px){
    .container .content .con_top .cont_rig{
        width: 100%;
        margin-top:50px;
    }
    .container .content .con_top .cont_rig .button{
        width:100%;
    }
     .container .content .con_top .cont_rig .button a{
        width:60%;
    }
    .container .content1 .more ul li{
            width: 49%;
         margin: 0 1% 2% 0;
    }
}
@media screen and (min-width:768px) and (max-width: 996px) {
    .container .area {
        width: 768px;
    }

    .container .content .con_top .cont_lef {
        width: 765px;
    }
}

@media (max-width: 768px) {
    .container .area {
        width: 100%;
    }

    .container .content .con_top .cont_lef {
        width: 100%;
    }
      .container .search_box input#txt_search{
            width: 31%;
    }
}