@charset "utf-8";


@media (min-width:1440px) {  





    .book .content {}
    .book .content .content_Title {
        font-size:22px;
        margin-top:150px;
        margin-bottom:25px;
        font-weight:bold;
    }
    .book .content .content_wrap {
        border-top:1px solid #777;
        padding:50px 0;
        display:flex;
        flex-wrap:wrap;
    }
    .book .content .content_wrap .content_box {
        width:48%;
        margin:1%;
        border:1px solid #d4d4d5;
    }
    .book .content .content_wrap .content_box .content_year {
        background-color:#eff0ff;
        padding:20px 0;
        text-align:center;
        font-size:22px;
        font-weight:bold;

    }
    .book .content .content_wrap .content_box .content_bot {
        padding:15px;
        min-height:320px;
        position:relative;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap {
        display:flex;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img {
        flex:1;
        margin:0 8px
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img img {
        width:100%;
        max-width:200px;
        height:280px;
    }
    .book .content .content_wrap .content_box .content_bot .book_t {
        font-size:16px;
        letter-spacing:-0.32px;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_ti {
        font-size:22px;
        text-align:center;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        width:70%;
    }






}


@media  (max-width:1439px) and (min-width:1024px) {

  
    



    .book .content {}
    .book .content .content_Title {
        font-size:18px;
        margin-top:100px;
        margin-bottom:25px;
        font-weight:bold;
    }
    .book .content .content_wrap {
        border-top:1px solid #777;
        padding:30px 0;
        display:flex;
        flex-wrap:wrap;
    }
    .book .content .content_wrap .content_box {
        width:48%;
        margin:1%;
        border:1px solid #d4d4d5;
    }
    .book .content .content_wrap .content_box .content_year {
        background-color:#eff0ff;
        padding:20px 0;
        text-align:center;
        font-size:18px;
        font-weight:bold;

    }
    .book .content .content_wrap .content_box .content_bot {
        padding:15px;
        min-height:300px;
        position:relative;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap {
        display:flex;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img {
        flex:1;
        margin:0 8px
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img img {
        width:100%;
        max-width:200px;
        height:220px;
    }
    .book .content .content_wrap .content_box .content_bot .book_t {
        font-size:16px;
        letter-spacing:-0.32px;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_ti {
        font-size:18px;
        text-align:center;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        width:70%;
    }


}



@media  (max-width:1023px) {

   

    .book .content {}
    .book .content .content_Title {
        font-size:16px;
        margin-top:100px;
        margin-bottom:20px;
        font-weight:bold;
    }
    .book .content .content_wrap {
        border-top:1px solid #777;
        padding:20px 0;
        display:flex;
        flex-wrap:wrap;
    }
    .book .content .content_wrap .content_box {
        width:98%;
        margin:1%;
        border:1px solid #d4d4d5;
    }
    .book .content .content_wrap .content_box .content_year {
        background-color:#eff0ff;
        padding:10px 0;
        text-align:center;
        font-size:18px;
        font-weight:bold;

    }
    .book .content .content_wrap .content_box .content_bot {
        padding:5px;
        min-height:200px;
        position:relative;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap {
        display:flex;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img {
        flex:1;
        margin:0 8px
    }
    .book .content .content_wrap .content_box .content_bot .content_img_wrap .content_img img {
        width:100%;
        max-width:200px;
        max-height:220px;
    }
    .book .content .content_wrap .content_box .content_bot .book_t {
        font-size:14px;
        letter-spacing:-0.32px;
        text-align:center;
    }
    .book .content .content_wrap .content_box .content_bot .content_ti {
        font-size:16px;
        text-align:center;
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%, -50%);
        width:70%;
        line-height:1.4;
    }
    
}



@media (max-width:500px) {
    .book .busi_wrap .busi_box_wrap .busi_box .busi_box_img_2ea .box_img2ea img {
        width:100%;
    }
    .book .content .content_wrap .content_box {
        width:100%;
    }
}