@charset "utf-8";
/* CSS Document */

#snap-top{
position:relative;
padding-top:60px;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
}

#snap-top #content-left{
width:425px;
float:left;
}

#snap-top #content-right{
background:url(../image/screen_software.png) no-repeat left center;
width:468px;
height:468px;
float:left;
margin-left:58px;
position:relative;
}

#snap-top #content-right p.download{
position:absolute;
left:75px;
bottom:25px;
}

#snap-top #content-right p.download a{
background:url(../image/button/download.png) no-repeat;
background-position:0 0px;
display:block;
width:325px;
height:85px;
text-decoration:none;
}

#snap-top #content-right p.download a:hover{
background-position:0 -85px;
}

#snap-top #content-right p.download span , #snap-menu li span , #share-buy li span{
visibility:hidden
}

#snap-top #content-left p{
font-weight:bold;
color:#000000;
text-align:left;
font-size:13px;
margin-left:57px;
line-height:1.5;
}

#snap-menu{
margin:0 auto;
width:380px;
padding-top:50px;
padding-left:50px;
padding-bottom:5px;
overflow:hidden;
}

#snap-menu ul{
margin:0 auto;
}

#snap-menu li {
float:left;
list-style:none;
font-size:0.75em;
margin-top:0px;
}

#snap-menu li.how, #snap-menu li.how-active{
padding-left:50px;
}

#snap-menu li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:40px;
text-decoration:none;
}

#snap-menu li a:hover , #snap-menu li.overview-active a , #snap-menu li.how-active a {
background-position:0 -40px;
}

#snap-menu li.overview a ,#snap-menu li.overview-active a {
background-image:url(../image/button/overview.png);
width:128px;
}

#snap-menu li.how a , #snap-menu li.how-active a{
background-image:url(../image/button/how.png);
width:146px;
}

#snap-example{
font-family:Arial, Helvetica, sans-serif;
width:100%;
background-color:#DAD7D0;
padding:77px 0;
overflow:hidden;
}

#snap-example #snap-example-containner ,#snap-example #share-buy{
width:980px;
margin:0 auto;
padding-left:15px;
}

#snap-example-containner ul{
list-style:none;
}

#snap-example-containner ul li{
float:left;
width:310px;
}

#snap-example-containner ul li h2{
font-weight:bold;
font-size:18px;
margin:20px 0;
line-height:1.2;
}

#snap-example-containner ul li p{
font-size:16px;
line-height:1.3;
width:280px
}

.business-list{
padding-left:40px;
}

#share-buy{
width:980px;
margin:0 auto;
padding-top:40px;
overflow:hidden;
}

#share-buy ul{
margin-left:90px;
}

#share-buy li {
float:left;
list-style:none;
font-size:0.75em;
margin-top:0px;
margin-left:50px
}

#share-buy li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:86px;
text-decoration:none;
}


#share-buy li.share a {
background-image:url(../image/button/share.png);
width:325px;
}

#share-buy li.buy a {
background-image:url(../image/button/buy.png);
width:325px;
}

#share-buy li a:hover{
background-position:0 -86px;
}