@charset "UTF-8";


#iuhw_magazine{
}

#magazine_bknumbers{
    margin-bottom:50px;
}

#magazine_bknumbers *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


#newrelease{
    display:block;
    overflow:hidden;
    margin-bottom:25px;
}

#newrelease .coverimg{
    float:left;
    margin-right: 20px;
}

#newrelease h3{
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:0.5em;
}

#newrelease h3 > span{
    font-size:0.8em;
    padding-left:5px;
}


ul.bk_list{
    display:block;
    overflow:hidden;
}


ul.bk_list > li{
    display:block;
    overflow:hidden;
    width:25%;
    float:left;
}

ul.bk_list > li > a{
    display:block;
    overflow:hidden;
    outline: none;
    padding:10px;
    margin:0 10px;
}



ul.bk_list > li h5{
    font-weight:bold;
    text-align:center;
    font-size:1.1em;
    /*margin-bottom: 10px;*/
}


ul.bk_list > li p{
    min-height:5em;
    line-height:125%;
}

a > .coverimg{
    display:inline-block;
    overflow:hidden;
    position:relative;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -o-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    -ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    margin-bottom:5px;
    /*border:1px solid #cccccc;*/
    width:100%;
    max-width:140px;
}

a:hover > p {
    /*background-color:rgba(0, 152, 68, 0.25);*/
    color:#009844;
    text-decoration:underline;
}




@media screen and (max-width: 738px) {

    #newrelease h3 > span{
        display:block;
        padding-left:0;
        font-size:0.95rem;
    }

    ul.bk_list > li{
        width:50%;
        padding:0;
        /*float:none;*/
    }

    ul.bk_list > li > a{
        /*padding:0;*/
        margin:0;
    }

    ul.bk_list > li h5{
        font-size:1.0em;
    }

    ul.bk_list > li p{
        min-height:7em;
        font-size:0.8em;
    }

}