﻿.divprojmain
{
    width: 1485px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.divprojcontent
{
    float: left;
    width: 295px; /*245*/
    height: 285px; /*235*/
    font-size: 18px;
    margin: 1px;
    margin-top: 30px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.divprojimage
{
    width: 255px; /*205px*/
    height: 255px; /*205px*/
    box-shadow: 0px 0px 0px 5px #E0E0E0;
    border-radius: 3px;
    -moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}




@media screen and (min-width:910px) and (max-width:1600px)
{
    .divprojmain
    {
        width: 1188px;
    }
    .divprojcontent
    {
        font-size: 18px;
    }
}
@media screen and (min-width:0px) and (max-width:1350px)
{
    .divprojmain
    {
        width: 891px;
    }
}
@media screen and (min-width:0px) and (max-width:1030px)
{
    .divprojmain
    {
        width: 594px;
    }
}
@media screen and (min-width:0px) and (max-width:700px)
{
    .divprojmain
    {
        width: 297px;
    }
}
@media screen and (min-width:0px) and (max-width:500px)
{
    .divprojmain
    {
        width: 247px;
    }
    .divprojcontent
    {
        width: 245px;
        height: 235px;
    }
    .divprojimage
    {
        width: 205px;
        height: 205px;
    }
}