@media (min-width:480px) {
    /*mobile*/
    .container {
        width: 480px;
    }

    .content {
        width: 480px;
    }
}

@media (min-width: 768px) {
    /*pad*/
    .container {
        /*width: 750px;*/
        width: 768px;
    }

    .content {
        width: 768px;
    }
}

@media (min-width: 950px) {
    .container {
        width: 100%;
    }

    .content {
        width: 950px;
    }
}

@media (min-width: 1170px) {
    .container {
        width: 100%;
        max-width: 1366px;
    }

    .content {
        width: 1170px;
    }
}




@media (max-width: 1170px) {
    /*pad*/

    .cpbox-feature {
        height: auto;
    }

        .cpbox-feature .feature {
            width: 97%;
            float: none;
        }

            .cpbox-feature .feature li .fitem-hover {
                display: block;
                border: none;
                width: 100%;
                height: 100%;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                line-height: 30px;
            }

        .cpbox-feature .feature-val {
            margin: auto;
            border: 3px solid #ddd;
            width: 460px;
            min-height: 250px;
            padding: 5px 10px;
            position: relative;
            z-index: 1000;
            margin-top: 10px;
        }
}