@import url("home/design.css");
@import url("home/install.css");
@import url("home/domain.css");

#design, #intall, #domain{
    position: relative;
    float: left;
    width: 227px;
    height: 170px;
    margin-top: 0px;
    padding: 10px;
    background: #fff;
    border: 3px solid #e0e0e0;
}
#design, #intall{ margin-right: 20px; }
#design{
    border-radius: 20px 0 0 0;
	-moz-border-radius: 20px 0 0 0;
    -webkit-border-radius: 20px 0 0 0;
}
#domain{
    border-radius: 0 20px 0 0;
	-moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
}
#deshead, #inshead, #domhead{
    display: block;
    width: 212px;
    height: 67px;
    margin: 0 auto;
    overflow: hidden;
    color: #333;
    text-decoration: none;
    cursor: pointer;
}
#deshead{ background: url(/img/home/web.jpg) no-repeat left; }
#inshead{ background: url(/img/home/soft.jpg) no-repeat left; }
#domhead{ background: url(/img/home/dom.jpg) no-repeat left; }
#deshead:hover, #inshead:hover, #domhead:hover{ background-position: right; color: #803005; }
#desdisc, #insdisc, #domdisc{ display: block; margin: 19px 0 0 80px; }
#destxt, #domtxt, #instxt{ width: 200px; margin: 10px auto; }
.more{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 85px;
    cursor: pointer;
}
.more_icon{
    display: block;
    float: left;
    width: 13px;
    height: 12px;
    margin: 2px 5px 0 0;
    background: url(/img/icon/forward.png) no-repeat left;
}
.more:hover{ color: #803005; }
.more:hover .more_icon{ background-position: right; }