@charset "utf-8";
/* pagebody */
body{
margin:0px;
padding:0px;
background:url(../images/packet-bg.jpg) 0 0 repeat-x;
background-color:#EBEBEB;
}
/* Packet-Sniffer */
.packet-box{
width:894px;
margin:15px auto 0 auto;
height:auto;
}
/* head */
.packet-head{
width:100%;
height:128px;
overflow:hidden;
margin:0px;
padding:0px;
}
.packet-head1{
heigth:90px;
margin:0px;
padding:0px;
overflow:hidden;
}
.packet-head dl,.packet-head1 dl{
width:100%;
margin:0px;
padding:0px;
list-style-type:none;
height:auto;
}
.packet-head dl dt,.packet-head1 dl dt{
height:42px;
width:100%;
}
.packet-head dl dd,.packet-head1 dl dd{
height:86px;
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
}
.packet-head1 dl dd{height:48px;}
.packet-top,.packet-top1{
width:100%;
height:86px;
background:url(../images/packet-top.gif) 0 0 no-repeat;
position:relative;
}
.packet-top1{
background:url(../images/packet-top1.gif) 0 0 no-repeat;
font-family:Verdana, Arial;
font-size:26px;
height:48px;
font-weight:bold;
color:#53A7CC;
text-align:left;
padding-left:32px;
line-height:65px;
}
/* body */
.packet-body{
height:514px;
width:100%;
}
.pb-left{
background:url(../images/packet-left.gif) 0 0 no-repeat;
width:20px;
height:514px;
overflow:hidden;
float:left;
}
.pb-right{
background:url(../images/packet-right.gif) 0 0 no-repeat;
width:19px;
height:514px;
overflow:hidden;
float:left;
}
.pb-center{
width:855px;
height:514px;
overflow:hidden;
background:url(../images/packet-center.jpg) 0 0 repeat-x;
float:left;
}
.pb-cet-box{
width:814px;
height:100%;
overflow:hidden;
margin:23px auto 0 auto;
}
.pb-cbox-img,.pb-cbox-download,.pb-cbox-why,.pb-cbox-net{float:left;}
.pb-cbox-img{
width:407px;
height:250px;
background:url(../images/packet-img.gif) left bottom no-repeat;
overflow:hidden;
margin:0 12px 0 0;
}
.pb-cbox-download{
width:395px;
height:250px;
overflow:hidden;
font-family:Verdana, Arial;
font-size:16px;
color:#4B4B4B;
margin:0px;
padding:0px;
line-height:23px;
}
.pb-cbox-download p{
margin:0px;
padding:0px;
display:block;
}
.pb-cbox-download span{
display:block;
width:317px;
height:auto;
margin:35px 0 0 30px;
}
.pb-cbox-why font{
font-family:Verdana, Arial;
font-size:16px;
}
.pb-cbox-why{
padding:20px 0 0 8px;
margin:0 60px 0 0;
}
*html .pb-cbox-why{padding:30px 0 0 8px;}
*+html .pb-cbox-why{padding:30px 0 0 8px;}
.why-p2{
margin:0px;
display:block;
font-family:Verdana, Arial;
font-size:16px;
color:#4B4B4B;
font-weight:normal;
line-height:23px;
}
.why-p1{
color:#2B4397;
display:block;
margin-bottom:7px;
font-style:italic;
font-weight:bold;
}
.pb-cbox-why p{
padding:0px 0 0 22px;
line-height:23px;
font-family:Verdana, Arial;
}
.pb-cbox-why ul{
margin:0px;
padding:0px 0 0 22px;
list-style-type:disc;
font-size:16px;
color:#4B4B4B;
line-height:23px;
list-style-type:none;
font-family:Verdana, Arial;
}
.pb-cbox-net{
width:350px;
height:auto;
}
.pb-cbox-net p{
display:block;
margin:0px;
line-height:18px;
padding:6px 0 3px 0;
font-size:12px;
color:#1D62AC;
font-family:Verdana, Arial;
}
.pb-cen-left{
width:540px;
float:left;
margin:5px 0 0 0;
height:auto;
}
*html .pb-cen-left{margin:15px 0 0 0;}
*+html .pb-cen-left{margin:15px 0 0 0;}
.download-text{
font-family:Verdana, Arial;
font-size:12px;
margin:0 auto;
width:100%;
padding:0 0 0 15px;
color:#545454;
text-align:left;
line-height:15px;
}
.download-version{
width:515px;
height:auto;
margin-left:15px;
}
.download-version ul{
margin:0px 0 15px 0;
padding:0px;
list-style-type:none;
width:100%;
border-bottom:1px dashed #808080;
background:url(../images/table-bg.gif) 185px 0 no-repeat;
}
.download-version ul li{
width:100%;
height:21px;
border-top:1px dashed #808080;
line-height:21px;
font-size:11px;
color:#808080;
font-family:Verdana, Arial;
}
.download-version ul li span{
display:block;
float:left;
color:#333;
}
.dwn-ver-title{
width:105px;
height:auto;
margin:auto;
}
.dwn-ver-con{
width:95px;
}
.dwn-ver-con1{width:auto;}
.pb-cen-right{
float:right;
margin:3px 20px 0 0;
width:260px;
height:100px;
font-family:Verdana, Arial;
font-size:12px;
color:#2E81B3;
line-height:17px;
}
*html .pb-cen-right{margin:15px 20px 0 0;}
*+html .pb-cen-right{margin:15px 20px 0 0;}
.pb-cen-right div{
float:right;
width:145px;
height:auto;
clear:both;
}
.pb-cen-right p{
clear:both;
}
.pb-cen-bottom{
clear:both;
width:828px;
height:auto;
margin:430px auto 0 auto;
}
*html .pb-cen-bottom{margin:40px auto 0 auto;}
*+html .pb-cen-bottom{margin:140px auto 0 auto;}
/* foot */
.packet-foot{
width:864px;
margin:10px auto 80px auto;
margin:10px auto 30px auto\0;
}
*html .packet-foot{
margin:10px auto 80px auto;
}
*+html .packet-foot{
margin:10px auto 80px auto;
}
.packet-ft-box{
width:864px;
margin:8px auto 0 auto;
height:auto;
font-family:Verdana, Arial;
font-size:11px;
color:#757575;
}
.packet-ft-box a{
color:#757575;
text-decoration:none;
}
.packet-ft-box a:hover{
color:#757575;
text-decoration:unline;
}
.ft-box-left{float:left;}
.ft-box-right{float:right;}
.clear{clear:both;}
.packet-foot p{
margin:0px;
line-height:16px;
padding:10px 0;
font-family:Verdana, Arial;
font-size:11px;
color:#757575;
}