.news {
    width:670px;
    margin-top:15px;
    text-align:justify;
    float:left;
    color:#424242;
}
    .news .newsdate {
        margin:5px;
        width: 100%;
        color: gray;
        display:inline-block;
    }
    .news .newstitle {
        text-align:left;
        width: 100%;
        font-size:20px;
    }

    .news .newssummary {
        font-weight:bold;
        margin-bottom:10px;
        text-indent:20px;
    }
    .news img {
        width:60%;
        margin-right:10px;
        float:left;
    }
    .news .newsic {
        width:60%;
        margin-top:10px;
        margin-right:10px;
        margin-bottom:5px;
        font-style:italic;
        float:left;
    }

    .news p {
        text-align:justify;
        text-indent:20px;
    }

.listcontainer {
    width:310px;
    margin-top:15px;
    float:right;
}

.list {
    margin-bottom:15px;
    width:100%;
    float:right;
    text-align:justify;
}
    .list .listtitle {
        font-size:16px;
        color:#105caa;
    }
    .list .listdate {
        margin:5px 0px;
         color:gray;
    }
    .list img {
        width:50%;
        margin:10px;
        float:left;
    }


.header {
    width:662px;
    padding:5px;
    background:orangered;
    line-height:25px;
    margin-top:10px;
    display:inline-block;
    border-top-left-radius :4px;
    border-top-right-radius :4px;
}
    .header a {
        color:white;
    font-size:16px;
    }

#grouplist {
    width:670px;
    text-align:justify;
    float:left;
    border:1px solid red;
    display:inline-block;
    text-align:center;
    border-bottom-left-radius :4px;
    border-bottom-right-radius :4px;
}


.item {
    margin-top:20px;
    width:293px;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    height:200px;
    border-radius:4px;
    overflow:hidden;
    background:#105caa;
    display:inline-block;
}
    .item:hover {
        box-shadow: 2px 4px 6px 8px #888888;
        transition: box-shadow 0.2s ease-in-out;
    }
    .item .itemprom {
        width:60px;
        position:absolute;
    }
    .item .itemname {
        width: 80%;
        margin: 5px auto;
        color:white;
    }
    .item img {
        width:calc(100%);
    }
    .item .itemprice {
        width: 80%;
        margin: 5px auto;
        color: orangered;
        font-size: 16px;
        white-space:nowrap;
        font-weight:bold;
        position: absolute;
        bottom: 65px;
        left:10%;
    }

    .item .addtoCartbtn {
        width: 80%;
        margin: 5px auto;
        background:#105caa;
        color:white;
        line-height:25px;
        position: absolute;
        bottom: 35px;
        left:10%;
        cursor: pointer;
        }
        .addtoCartbtn:hover {
            background:royalblue;
        }

    .item .viewCartbtn {
        width: 80%;
        margin: 5px auto;
        background:#E1E1E1;
        line-height:25px;
        position: absolute;
        bottom: 5px;
        left:10%;
        cursor: pointer;
        color:royalblue
        }
        .viewCartbtn:hover {
            background:royalblue;
            color:white;
        }
.items {
    margin-right:20px;
}