* {
font-size: 10pt; 
font:9pt/150%  arial,helvetica,sans-serif,"宋体";
margin: 0; 
padding: 0;
}
html,body{height:100%}

body {
margin: 0px;
padding: 0px;
font-size: 10pt; 
font-family:  arial,helvetica,sans-serif,"宋体";
text-align:center;
/*background-color:#95c4df;*/
background-color:#fff;
}

ul, ol{
margin:0; 
padding:0; 
list-style-type:none;
font-size:0;
line-height:0;
}
.idHeadBg {
width:100%;
}
#divHead {
background:url("../images/newHeadBg.gif");
height:97px;
width:100%;
}
.divTempHead {
width:914px;
background:url("../images/newHeadBg.gif");
height:95px;
_height:70px;
margin:auto;
}

.divHeadTop{
margin-right:10px;
}
.divHeadTop span {
display:block;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.divHeadTop ul li{
float:left;
list-style:none;
}
.divHeadTop .spanHeadAboutus {
background:url("../images/mainhome.gif") 2px no-repeat;
padding-left:15px;
padding-right:15px;
}
/*
.divHeadLogo {
background:url("../images/headBgBottom.gif");
height:65px;
border:1px solid red;
}
*/
.divHeadLogo {
float:left;
padding-top:17px;
padding-left:35px;
}
/*
.divHeadLogo span {
display:block;
text-align:right;
margin-left:auto;
margin-right:auto;
}
*/
/*navigation*/
.divMainMenu {
background-color: #226fd7; 
}
#nav{
width:910px;
margin:0 auto;
padding:0 0 0 0px;
}
#nav ul{
height:30px;
}
#nav ul li{
float:left;
}
#nav ul li a{
display:block;
padding:0 17px;
font: 10.5pt/30px "宋体", Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
#nav ul li a:hover{
background:url(../images/menuOnMouseBg.gif) 50% 0 no-repeat;
color:#226fd7;
}
#nav ul li a.hover{
display:block;
padding:0 17px;
font:10.5pt/30px "宋体", Verdana, Arial, Helvetica, sans-serif;
background:url(../images/menuOnMouseBg.gif) 50% 0 no-repeat;
color:#226fd7;
text-decoration:none;
}

.mainBody #nav ul li.mouseOnIndexStyle , .productsBody #nav ul li.mouseOnProductStyle ,.codeDemoBody #nav ul li.mouseOnCodeStyle ,.downloadBody #nav ul li.mouseOnDownloadStyle ,.technologyBody #nav ul li.mouseOnTechStyle ,.memCenterBody #nav ul li.mouseOnMemberStyle ,.solutionBody #nav ul li.mouseOnProjectStyle ,.partnersBody #nav ul li.mouseOnJoinStyle ,.aboutusBody #nav ul li.mouseOnAboutusStyle {
background:url(../images/menuOnMouseBg.gif) 50% 0 no-repeat;
}
.mainBody #nav ul li.mouseOnIndexStyle a , .productsBody #nav ul li.mouseOnProductStyle a , .codeDemoBody #nav ul li.mouseOnCodeStyle a , .downloadBody #nav ul li.mouseOnDownloadStyle a , .technologyBody #nav ul li.mouseOnTechStyle a , .memCenterBody #nav ul li.mouseOnMemberStyle a ,.solutionBody #nav ul li.mouseOnProjectStyle a ,.partnersBody #nav ul li.mouseOnJoinStyle a ,.aboutusBody #nav ul li.mouseOnAboutusStyle a {
color:#226fd7;
}


/*index main body*/
.divFlash {
 background-color: #FFFFFF;
  margin: 0 auto;
  width: 914px;
}
#divMainBody {
width:914px;
margin:auto;
height:auto;
background-color:#fff;
overflow:auto;
}
#divMainLeft {
width:610px;
float:left;
}
#divMainRight {
float:right;
width:288px;
}
#divMainRightLeft {
float:left;
width:345px;
}
#divMainRightRight {
width:288px;
float:right;
}

/* left part */

.divLeftPart {
background-color:#f4fbfe;
border:1px solid #dfecf3;
margin-bottom:6px;
padding:5px 0;
}
.divLeftPartTel {
background-color:#f8f8f8;
border:1px solid #ededed;
}
.spanLoginHead {
color:#226fd7;
display:block;
background:url("../images/loginIcon.gif") left 45% no-repeat;
text-align:left;
padding-left:20px;
padding-top:2px;
margin:2px 0 0 5px;
font-size:10.5pt;
}
.spanLoginTab {
display:block;
margin:7px 7px 7px 0px;
text-align:right;
color:#525252;
}
.spanLoginButton {
display:block;
margin:10px 35px 5px 0px;
padding-top:10px;
text-align:right;
color:#525252;
}
.buttonStyle {
background:url("../images/buttonBg.gif");
height:25px;
border:1px solid #81cde4;
margin:0 7px;
padding:0 1px;
color:#226fd7;
cursor:pointer;
}
.textStyle {
background-color:#fff;
border:1px solid #dfecf3;
height:20px;
}

.textCodeStyle {
width:65px;
background-color:#fff;
border:1px solid #dfecf3;
height:20px;
}

.divLoginModeSwitch {
height:20px;
margin: 2px 10px;
border-bottom:1px solid #dfecf3;
padding-left:10px;
}
.divLoginModeSwitch div {
float:left;
margin:0px 2px;
width:75px;
height:20px;
color:#226fd7;
position:relative;
bottom:-1px;
cursor:pointer;
text-align:center;
}

.divLoginModeSwitchOn{
border-bottom:1px solid #f4fbfe;
background:url("../images/loginModeSwitchTabOnBg.gif");
font-weight:bold;
}
.divLoginModeSwitchOut {
border-bottom:1px solid #dfecf3;
background:url("../images/loginModeSwitchTabBg.gif");

}

.divMemCenter .divLoginModeSwitch {
margin-left:auto;
margin-right:auto;
padding-left:30px;
clear:both;
width:325px;
}

.divMemCenter #divEmailLoginMode ,.divMemCenter #divKeyLoginMode {
width:300px;
text-align:right;
}
.divMemCenter #divEmailLoginMode  {
margin-bottom:20px;
}
.divMemCenter #divKeyLoginMode select {
width:160px;
}
.divMemCenter #divKeyLoginMode #KeyPassWord  {
background-color:#fff;
border:1px solid #dfecf3;
height:20px;
width:159px;
}
.divMemCenter #DeviceListDiv div, .divMemCenter #KeyPassWordDiv div ,.divMemCenter #SelectUSBDiv div{
width:130px;
}

/*leftMember*/
.divLeftPart dl {
color:#626262;
background:url("../images/memberIcon.gif") 15% no-repeat;
padding-top:5px !important;
padding-top:0px;
list-style:none;
margin:0px;
padding:0px;
}
.divLeftPart dl dt{
color:#626262;
font-weight:bold;
}
.divLeftPart dl dd {
line-height:24px;
background:url("../images/arrow.gif") 32% no-repeat;
}
.divLeftPart .dlCompany  {
color:#626262;
background:url("../images/companyIcon.gif") 15% no-repeat;
}
.divLeftPart .adminEntrance{
background:url("../images/sd.gif") left 50% no-repeat;
padding-left:15px;
}
.divLeftPart .adminEntrance a {
color:#ff670a;
text-decoration:none;
}
.divLeftPart .adminEntrance a:hover {
color:red;
text-decoration:underline;
}
/*index mail,manage_center etc*/
.divRightLeftPart {
background:url("../images/indexCenterBg.gif") left bottom repeat-x;
background-color:#fff;
text-align:left;
margin-bottom:10px;
padding:10px 0;
}
.spanMailHead , .spanFillingHead , .spanManagCenterHead , .spanUnlockHead{
display:block;
color:#226fd7;
font-size:12pt;
height:100%;
line-height:49px;
font-weight:bold;
padding-top:5px;
}
.spanMailHead {
background:url("../images/saftMailIcon.gif") left center no-repeat;
padding-left:75px;
}
.spanFillingHead {
background:url("../images/FillingIcon.gif") left center no-repeat;
padding-left:75px;
}
.spanManagCenterHead {
background:url("../images/managerCenterIcon.gif") left center no-repeat;
padding-left:75px;
}
.spanUnlockHead {
background:url("../images/jiemiIcon.gif") left center no-repeat;
padding-left:80px;
}
.spanRightLeftContent {
padding-left:8px;
display:block;
line-height:24px;
margin:12px 5px 2px 6px;
}
.divRightLeftPart em {
font-weight:bold;
color:#226fd7;
font-size:14px;
display:block;
}

/*index news,project*/
.spanNewsProjectHead{
color:#226fd7;
background:url("../images/newsMenuHeadBg.gif");
height:30px;
display:block;
font-size:14px;
text-align:left;
line-height:30px;
padding-left:15px;
}
ul.ulNews {
text-align:left;
margin:15px 0px 15px 15px;
}
ul.ulNews li {
padding:4px 0px;
}
ul.ulNews li span {
color:#aaa;
padding-right:5px;
}
.more {
text-align:right;
}
ul.ulProject {
background:url("../images/humanResources.jpg") left no-repeat;
height:130px;
margin-top:20px;
}
ul.ulProject li {
margin-left:70px;
background:url("../images/bullet.gif") left no-repeat;
text-align:left;
padding-left:12px;
line-height:35px;
}
.divCooperation {
background-color:#f4fbfe;
border:1px solid #dfecf3;
text-align:left;
margin-top:20px;
}
ul.ulCooperation {
background:url("../images/cooperationPic.gif") 5% 30% no-repeat;
height:170px !important;
height:100px;
}

ul.ulCooperation li {
margin:10px 20px 10px 120px !important;
margin:4px 20px 10px 120px;
line-height:24pt;
color:#626262;
}
.divCooperation img {
margin-top:10px;
}

/*bottom*/
.divBottom {
clear:both;
width:914px;
/*background:url("../images/bottomBg.gif") repeat-x;*/
border-top:2px solid #2b77d9;
height:100px;
padding:10px 0px;
color:#226fd7;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-color:#fff;
}
.divBottom .divCopyRight {
text-align:center;
color:#9e9e9e;
margin-top:10px;
}
/*----------a:link,a:hover,a:visited-----------*/
.spanMailHead a, .spanFillingHead a, .spanManagCenterHead a, .spanUnlockHead a {
color:#226fd7;
font-size:10.5pt;
height:100%;
line-height:49px;
font-weight:bold;
padding-top:5px;
text-decoration:none;
}
.spanMailHead a:hover , .spanFillingHead a:hover, .spanManagCenterHead a:hover, .spanUnlockHead a:hover{
color:#ff670a;

}

.spanRightLeftContent a{
padding-left:8px;
display:block;
line-height:24px;
margin:12px 5px 0px 6px;
color:#000;
text-decoration:none;
}
.divRightLeftPart em a {
font-weight:bold;
color:#226fd7;
font-size:14px;
display:block;
}
.divRightLeftPart em a:hover {
color:#ff670a;
}
ul.ulProject li a ,ul.ulNews li a{
color:#000;
text-decoration:none;
}
ul.ulNews  em{
color:red;
text-decoration:none;
}
ul.ulProject li a:hover,ul.ulNews li a:hover ,ul.ulCooperation li a:hover ,.spanRightLeftContent a:hover ,.spanLoginTab a:hover ,.divHeadTop a:hover,,.divForgetPassword a:hover {
color:#2270d7;
}

ul.ulCooperation li a {
text-decoration:none;
color:#626262;
line-height:24px;
display:block;
padding-top:24px !important;
padding-top:0px;
}
.spanLoginTab a,.divForgetPassword a {
color:#626262;
text-decoration:none;
}

.divHeadTop a {
color:#989898;
text-decoration:none;
}

.divBottom a{
color:#226fd7;
text-decoration:none;
}

/*------product,parts,technology,etc -------------------------*/
.divSecondMainBody {
width:914px;
margin:auto;
overflow:hidden;
background-color:#fff;
padding-top:25px;
}
.divSecondLeft {
width:180px;
float:left;
}
.ulLeftMenu {
text-align:left;
}
.divLeftMenu {
text-align:left;
background-color:#fefefe;
border:1px solid #dfecf3;
}
.divLeftMenu div{
padding-left:20px;
font-size:10.5pt;
font-weight:bold;
background:url("../images/leftMenuLiBg.gif") left 50% no-repeat;
height:28px;
line-height:28px;
margin-bottom:2px;

}
.divLeftMenu .divOpenSecondMenu {
background:url("../images/leftMenuLiOnBg.gif") left 50% no-repeat;
}
.divLeftMenu .divOpenSecondMenu a {
color:#ff8231;
font: 11pt/28px   arial,helvetica,sans-serif,"宋体";
font-weight:bold;
}
.divLeftMenu .liOpenThirdMenu a{
font-weight:bold;
color:#2270d7;
}
.divLeftMenu ul li {
background:url("../images/indent5.png") left 50% no-repeat;
padding-left:10px;
margin:5px 0px;
}
.divLeftMenu ul li a {
color:#333;
text-decoration:none;
}
.divLeftMenu ul li a:hover {
color:#2270d7;
text-decoration:none;
}
.divLeftMenu ul {
margin-left:15px;
}
.ulLeftMenu li {
padding-left:20px;
background:url("../images/leftMenuLiBg.gif") left 50% no-repeat;
height:28px;
line-height:28px;
}


.divLeftMenu div a {
font: 10pt/28px  arial,"宋体";
color:#396fb5;
text-decoration:none;
}
.divLeftMenu div a:hover {
color:#ff8231;
font: 10pt/28px arial,helvetica,sans-serif,"宋体";
}
.divSecondRight {
float:right;
width:718px;
overflow:hidden;
}
.divSecondRightLeft {
float:left;
width:519px;
text-align:left;
}
.divSecondRightLeftMemCenter {
width:701px;
float:left;
text-align:left;
}
.divMemCenter {
border:1px solid #dfecf3;
background:url("../images/lcoginRightIcon.gif") right 90% no-repeat;
background-color:#f4fbfe;
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:20px;
}
.divMemCenter form {
padding-bottom:30px;
padding-top:30px;
}
.divMemCenter .spanLoginTab {
margin:10px 0px;
display:block;
}
#divEmailLoginMode  .spanLoginTab
{
margin-right:20px;
}
.divMemCenter .spanLoginTab .textStyle {
width:150px;
}
.divMemCenter .spanLoginTab .textCodeStyle {
width:95px;
}
.divMemCenter .spanLoginHead {
font-weight:bold;
}
.divSecondRightRight {
width:182px;
float:right;
overflow:hidden;
text-align:right;
margin:0px;
}
.divSecondRightRight img {
padding-bottom:10px;
}
.divSecondRightLeftMemCenter p , .divSecondRightLeft p ,.divCodeDemoSecondRight p{
line-height:20px;
padding-bottom:10px;
}
.divSecondRightLeft p strong {
font-weight:bold;
}
p .blue1 {
font-weight:bold;
color:#396fb5;
}
.divSecondRightLeftMemCenter p img, .divSecondRightLeft p img {
margin:5px 0px;
}
.divSecondRightLeftMemCenter h2, .divSecondRightLeft h2 ,.divCodeDemoSecondRight h2{

color:#104a9b;
}
.divSecondRightLeftMemCenter h3, .divSecondRightLeft h3 ,.divCodeDemoSecondRight h3{
color:#ff8231;
font-weight:bold;
font-size:11pt;
margin-bottom:10px;
text-align:left;
}

.divSecondRightLeftMemCenter h4, .divSecondRightLeft h4 , .divCodeDemoSecondRight h4 {
color:#707476;
font-weight:bold;
font-size:11pt;
border-bottom:1px dashed #bdc5c8;
margin-bottom:20px;
padding-left:20px;
text-align:left;
background:url("../images/arrow_contract.gif") left 50% no-repeat;
}
.divSecondRightLeft ol {
margin-bottom:10px;
}
.divSecondRightLeft ol li {
background:url("../images/arrow.gif") left 50% no-repeat;
padding-left:15px;
color:#4a4a4a;
margin:3px 0px;
}
.divSecondRightLeft ol.olNoListImg {
margin-bottom:10px;
}
.divSecondRightLeft ol.olNoListImg li {
background:none;
padding-left:5px;
color:#4a4a4a;
margin:3px 0px;
}
.divSecondRightLeft ol li strong {
font-weight:bold;
}
.pDetail a {
color:red;
text-decoration:none;
}
.pDetail a:hover {
color:blue;
text-decoration:underline;
}
.divSecondRightLeftMemCenter .pNode, , .divSecondRightLeft .pNode {
color:#ec2929;
}
.divSecondRightLeft .divTabMenu span.tabMouseOnMenu {
color:#226fd7;
padding:15px 20px 35px 20px;
margin-left:3px;
font-size:11pt;
font-weight:bold;
background:url(../images/tabMenuHeadBg.gif) 50% 0 no-repeat;
cursor:pointer;
}

.divSecondRightLeft .divTabMenu span.tabMouseOutMenu {
color:#afb6b9;
padding:15px 20px 35px 20px;
margin-left:3px;
font-size:11pt;
font-weight:bold;
background:url(../images/tabMenuHeadBgOut.gif) 50% 0 no-repeat;
cursor:pointer;
}
.divSecondRightLeft .divTabMenu {
background-color:#f4fbfe;
border:1px solid #dfecf3;
margin:10px 0px;
}
.divSecondRightLeft .divTabMenu .divTabMenuHead {
margin-bottom:20px;
margin-left:5px;
}

.divSecondRightLeft .divTabMenu ol {
margin-left:5px;
}

* html legend {
margin: -10px 0 0 0;
position:fixed;
}

.divSecondRightLeft fieldset {
border:1px dashed #a8d9f3;
background-color:#f4fbfe;
margin:15px 0px;
text-align:center;
padding-bottom:25px;
padding-left:5px;
}
.divSecondRightLeft fieldset legend {
font-size:11pt;
font-weight:bold;
color:#ff8231;
padding:0px 10px;

}
.divSecondRightLeft fieldset div {
float:left;
width:165px;
text-align:center;
border-right:1px dashed #a8d9f3;
margin:10px 0px 15px 0px;
padding-bottom:10px;

}

.divSecondRightLeft fieldset div.divFieldsetRight {
border:none;
}
.divSecondRightLeft fieldset div.moreWidth {
width:45%;
}
.divSecondRightLeft fieldset div a{
color:#226fd7;
text-decoration:none;
}

.divSecondRightLeft fieldset div a:hover{
color:#ff8231;
font-weight:bold;
text-decoration:none;
}
.divSecondRightLeft fieldset div img{
display:block;
margin-left:auto;
margin-right:auto;
}

.divSecondRightLeft fieldset div span{
display:block;
}
/*------- download ----------*/
.divSecondRightLeft .pDownloadHead {
color:#226fd7;
font-size:10.5pt;
border-bottom:1px solid #e0e9ed;
padding:0px;
padding-left:15px;
text-indent:0px;
background:url(../images/07_01.gif) left 50% no-repeat;
}
.divSecondRightLeft .pDownloadHead em {
color:red;

}
.OmailDown  span , .mainPanelDown  span, .OmailPlugDown  span ,.foxmailDown  span ,.GTFSCDown  span ,.GTFEDown  span ,.encryptMessageDown  span,.encryptSDKDown span{
display:block;
margin-left:20%;
line-height:24px;
}
.OmailDown  span a, .OmailPlugDown  span a,.GTFEDown  span a,.encryptMessageDown  span a,.encryptSDKDown  span a,.OmailDown  span a:visited, .OmailPlugDown  span a:visited,.GTFEDown  span a:visited,.encryptMessageDown  span a:visited{
line-height:24px;
color:#2270d7;
text-decoration:none;
}
.OmailDown  span a:hover, .OmailPlugDown  span a:hover,.GTFEDown  span a:hover,.encryptMessageDown  span a:hover,.encryptSDKDown  span a:hover{
line-height:24px;
color:#ff8231;
text-decoration:underline;
}
.OmailDown  span img, .mainPanelDown  span img, .OmailPlugDown  span img,.foxmailDown  span img,.GTFSCDown  span img,.GTFEDown  span  img,.encryptMessageDown  span  img,.encryptSDKDown  span  img{
margin-top:10px;
}
.OmailDown {
background:url(../images/littleomail.gif) 2% 50% no-repeat;
margin-bottom:5%;
margin-top:15px;
}
.OmailPlugDown {
background:url(../images/omail2.gif) 3% 50% no-repeat;
margin-bottom:5%;
margin-top:15px;
}

.GTFEDown {
background:url(../images/GTFE.gif) 3% 50% no-repeat;
margin-bottom:5%;
margin-top:15px;
}

.encryptMessageDown {
background:url(../images/encryptMessageIcon.gif) 3% 50% no-repeat;
margin-bottom:5%;
margin-top:15px;
}

.encryptSDKDown {
background:url(../images/SDKBG.gif) 3% 50% no-repeat;
margin-bottom:5%;
margin-top:15px;
}
/*---------regPU_Agreement----------------*/
.registerProductHelp {
background-color:#f4fbfe;
}
.divRegisterProductHelpBody h4 {
color:#11489a;
font-weight:bold;
font-size:11pt;
border-bottom:1px solid #bdc5c8;
margin:20px;
}
.divRegisterProductHelpBody p {
margin:20px;
text-align:left;
line-height:25px;
color:#707476;
}

/*---------------help-----------------------------*/
.divSecondRightLeft h5 {
color:#ec580c;
font-size:10.5pt;
font-weight:bold;
background:url();
}
.divURLList {
background-color:#f4fbfe;
border:1px solid #dfecf3;
height:75px;
margin:5px 0px;
}
.divGTFEURLList{
background-color:#f4fbfe;
border:1px solid #dfecf3;
margin:5px 0px;
height:140px;
}
.divSYSMList {
background-color:#f4fbfe;
border:1px solid #dfecf3;
height:250px;
margin:5px 0px;
clear:both;
}
.divURLList div , .divGTFEURLList div{
float:left;
width:120px;
margin-top:12px;
}
.divURLList div a ,.divSYSMList ol li a ,.divGTFEURLList div a{
color:#ec580c;
text-decoration:none;
}
.divURLList div a:hover,.divSYSMList ol li a:hover ,.divGTFEURLList div a:hover {
color:#226fd7;
text-decoration:underline;
}
#div2ChangGui,#div2XiTongXiangGuan ,#div2JieMianXiangGuan ,#div2LaJiYouJian ,#div2WangLuoSheZhi , #div2YouJianBiaoJi ,#div2GaoJiSheZhi ,#div2ZhangHaoShuXing{
clear:both;
}

#div2ChangGui ul,#div2XiTongXiangGuan ul,#div2JieMianXiangGuan ul,#div2LaJiYouJian ul,#div2WangLuoSheZhi ul, #div2YouJianBiaoJi ul,#div2GaoJiSheZhi ul,#div2ZhangHaoShuXing ul,#divUsingGuide ul{
margin:0px 25px;
}

#divUsingGuide ul strong {
font-weight:bold;
}
#divUsingGuide ul em {
color:red;
}
.divSYSMList ol {
margin:10px;
}
.divSYSMList ol li{
float:left;
width:130px;
}
.divGoTop {
background:url(../images/cutoffrule.gif) left  bottom repeat-x;
height:35px;
text-align:right;
}

/*-------------------------------*/

.divAttrList {
background-color:#f4fbfe;
border:1px solid #dfecf3;
height:260px;
clear:both;
}
.divOutlookList {
background-color:#f4fbfe;
border:1px solid #dfecf3;
height:150px;
clear:both;
margin:10px 0px;
}
.divClear {
clear:both;
}
.divAttrList div ,.divOutlookList div {
float:left;
width:250px;
height:70px;
margin-top:10px;
}

.divAttrList div span ,.divOutlookList div span{
display:block;
float:right;
margin-left:73px;
color:#4a4a4a;
margin-right:5px;
}

 .divAttrList .divAttrListSub1 ,.divOutlookList .divAttrListSub1 {
background:url(../images/envelope.gif) 7px  top no-repeat;
 }

 .divAttrList .divAttrListSub2 {
 background:url(../images/sendmail.gif) 7px  top no-repeat;
 }
 .divAttrList .divAttrListSub3 {
 background:url(../images/popsmtp.gif) 7px  top no-repeat;
 }
 .divAttrList .divAttrListSub4 {
 background:url(../images/delmail.gif) 7px  top no-repeat;
 }
.divAttrList .divAttrListSub5 {
 background:url(../images/inusers.gif) 7px  top no-repeat;
 }
.divAttrList .divAttrListSub6 {
 background:url(../images/keylock.gif) 7px  top no-repeat;
 }

.divOutlookList .divAttrListSub7 {
 background:url(../images/useoutlook.gif) 7px  top no-repeat;
 }
 .divOutlookList .divAttrListSub9 {
 background:url(../images/keylock.gif) 7px  top no-repeat;
 }

.divOutlookList .divAttrListSub10 {
 background:url(../images/comdeploy.gif) 7px  top no-repeat;
 
 }


.divGTFSC .GTFSCListSub1 {
 background:url(../images/pkiibc.gif) left  top no-repeat;
 }

.divGTFSC .GTFSCListSub2 {
 background:url(../images/encrypt.gif) left  top no-repeat;

 }
 .divGTFSC .GTFSCListSub2 i{
 font-weight:bold;

 }
 .divGTFSC .GTFSCListSub3 {
 background:url(../images/uninstall.gif) left  top no-repeat;
 height:61px;

 }
.divGTFSC .GTFSCListSub4 {
 background:url(../images/safemanage.gif) left  top no-repeat;

 }
.divGTFSC .GTFSCListSub5 {
 background:url(../images/datamanage.gif) left  top no-repeat;
 height:61px;
 }

 .divGTFSC .GTFSCListSub6 {
 background:url(../images/keymanage.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub7 {
 background:url(../images/arithmetic.gif) left  top no-repeat;
 }
 .divGTFSC .GTFSCListSub8 {
 background:url(../images/standard.gif) left  top no-repeat;
 }

 .divGTFSC .GTFSCListSub9 {
 background:url(../images/mailprotect.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub10 {
 background:url(../images/java.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub11 {
 background:url(../images/platform.gif) left  top no-repeat;
 }
 .divGTFSC .GTFSCListSub12 {
 background:url(../images/fixing.gif) left  top no-repeat;
 height:65px;
 }
.divGTFSC .GTFSCListSub13 {
 background:url(../images/algorithm.gif) left  top no-repeat;
 height:61px;
 }

.divGTFSC .GTFSCListSub14 {
 background:url(../images/serve.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub15 {
 background:url(../images/documentencrypt.gif) left  top no-repeat;
 height:61px;
 }

.divGTFSC .GTFSCListSub16 {
 background:url(../images/groupencrypt.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub17 {
 background:url(../images/safeftp.gif) left  top no-repeat;
 height:61px;
 }
 .divGTFSC .GTFSCListSub18 {
 background:url(../images/simpleusing.gif) left  top no-repeat;
 height:61px;
 }

 .divGTFSC span {
 display:block;
 margin-left:73px;
 margin-bottom:15px;
 line-height:24px;
 margin-right:7px;
 }
 .divGTFSC strong {
 color:#ff8231;
 font-weight:bold;
 }
.divGTFSC {
background-color:#f4fbfe;
border:1px solid #dfecf3;
padding-top:15px;
margin-bottom:10px;
}


/*-------------------company news-----------------------------*/
.olNewsStyle {
margin:5px 15px;

}
.olNewsStyle li {
background:url(../images/arrownews.gif) left  50% no-repeat;
line-height:30px;
padding-left:12px;
border-bottom:1px dashed #dfecf3;
}
.olNewsStyle li span {
color:#aaa;
padding-right:5px;
}
.olNewsStyle em {
color:red;
text-decoration:none;
}
.olNewsStyle li a {
color:#4a4a4a;
text-decoration:none;
}

.olNewsStyle li a:hover, .divPageNav a:hover {
color:#226fd7;
text-decoration:none;

}
.divPageNav {
text-align:center;
margin:20px 0px;
color:#ccc;
font-weight:bold;
}

.divPageNav a {
color:#000;
text-decoration:none;

}
.newsHead {
color:#6e6e6e;
font-weight:bold;
font-size:11pt;
text-align:center;
}
.newsData {
text-align:right;
border-bottom:1px solid #ccc;
margin:5px 3px 20px 3px;
color:#6e6e6e;
}
.divGoBack {
text-align:right;
margin:20px 5px;
}
/*-------partner etc------------*/
ol li.liChildren {
background:url(../images/11.gif) left  50% no-repeat;
margin-left:5px;
}

.divPartnerTel {
font-weight:bold;
background:url(../images/phone.gif) left  50% no-repeat;
padding-left:15px;
margin-bottom:20px;
}
dl.dlSendMail {
margin-left:25px;
margin-bottom:20px;
}
dl.dlSendMail dd {
margin-bottom:5px;
}


/*/////////////////////////////*/
/*+++++++++++++++++++管理界面左侧菜单++++++++++++++++++++++++++*/



body.leftFrameMenu {
background:url("../images/leftFrameDivBg.gif") repeat-y;
margin:0;
overflow-x:hidden;
}

.divLeftFrame {
margin-left:2px;
text-align:center;
}
.divRightFrameBody {
margin:0px 50px;
}

.divGoHome {
margin-bottom:10px;
background: url("../images/goHome.gif") left 50% no-repeat;
margin-left:10px;
margin-top:10px;
text-align:left;
padding-left:30px;
}
.divGoHome a {
color:#226fd7;
font: 11pt/22px  Verdana, Arial, Helvetica, sans-serif, "宋体";
text-decoration:none;
}
.divMenuTitle {
background: url("../images/leftMenuBg.gif") left 50% no-repeat;
width:110px;
height:26px;
margin-left:5px;
margin-bottom:4px;
margin-top:4px;
text-align:left;
padding-left:5px;
cursor:pointer;
}

.divMenuTitle div{
float:left;
margin:4px 2px 0 2px;
font-weight:bold;
color:#4a4a4a;
}

ul.showUL li ,ul.hiddenUL li {
text-align:left;
margin-left:15px;
line-height:26px;
}
ul.showUL li a,ul.hiddenUL li a {
color:#4a4a4a;
text-decoration:none;
background: url("../images/secMenuIcon.gif") left 50% no-repeat;
padding-left:10px;
}

ul.showUL li a:hover,ul.hiddenUL li a:hover{
color:#226fd7;
text-decoration:none;
background: url("../images/secMenuIconOn.gif") left 50% no-repeat;
padding-left:10px;
font-weight:bold;
}

.hiddenUL {
display:none;
}
.showUL {
display:block;
}


/*------init-----------*/

.divInitHead {
font-size:10.5pt;
color:#2270d7;
font-weight:bold;
text-align:left;
background:url("../images/initHeadIcon.gif") right no-repeat;
height:49px;
padding-top:20px;
border-bottom:1px solid #dfecf3;
width:60%;
margin-left:auto;
margin-right:auto;
}
.divInitMainBody {

width:60%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
.divInitMainBody h1 {
color:#333;
font-size:11pt;
text-align:left;
margin-bottom:20px;
background:url("../images/icon_03.gif") left no-repeat;
padding-left:20px;
color:#f7911f;
}

.divInitMainBody p {
margin:15px 0px;
text-align:center;
padding-right:70px;
}

td.tdInitHead {
padding-left:10%;
width:300px;
font-size:12pt;
font-weight:bold;
}
td.tdInitHead div{
margin-left:50px;
font-size:12pt;
width:360px;
font-weight:bold;
border-bottom:1px solid #5694e1;
}

.pStepImg img{
margin:7px 0px;
}

/*-------------------additional------------------------*/

.tablePageBottom {
padding-top:25px;
}
.tableAddUser {
background-color:#d0e3ee;
}
.tableAddUser tr {
background-color:#fff;
}
.tableAddUser .tdQuery {
text-align:center;
}

/*-------------welcome--------------------------*/
.divWelcomeHead {
font-size:11pt;
color:#11489a;
font-weight:bold;
border-bottom:2px solid #dfecf3;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-left:10px;
padding-bottom:5px;
}

.divWelcome {
text-align:left;
margin-top:50px;
width:60%;
margin-left:auto;
margin-right:auto;
}
.divWelcome p {
padding:15px;
}
.divWelcome p span {
color:red;
font-weight:bold;
}
.divWelcome p a {
color:#11489a;
text-decoration:none;
}
.divWelcome p a:hover {
color:#7e7e7a;
text-decoration:underline;
}
.pPaddingBottom {
margin-bottom:10%;
}
.pWelcomeUser {
font-size:12pt;
color:green;
font-weight:bold;
}
.buttonStyle1 {
background-color:#ffff99;
border:1px solid #ff6600;
color:#ff6600;
font-weight:bold;
height:30px;
line-height:30px;
margin-right:20px;
cursor:hand;
}
.buttonStyle2 {
background-color:#99daff;
border:1px solid #0fa7ff;
color:#226fd7;
font-weight:bold;
height:30px;
line-height:30px;
margin-right:20px;
cursor:hand;
}
 .ulnews{
margin-left:15px;
line-height:25px;
margin-top:10px;
}
.ulnews li a{
background:url("../images/arrow.gif") left 50% no-repeat;
padding-left:15px;
color:#000;
margin-bottom:15px;
text-decoration:none;
}
.ulnews li a:hover {
color:#11489a;
}
.divRank {
padding-right:20px;
}
.divRank img {
border:1px solid #000;
padding-right:25px;
}

/* -----------map style--------------------*/
.mapTreeStyle {
text-align:left;
margin-left:auto;
margin-right:auto;
width:90%;
margin-top:10px;
margin-bottom:5px;
}
.mapTreeStyle div {
background: url(../images/orgtreeline.gif) no-repeat 5px top;
text-align:left;
padding-left:30px;
padding-top:10px;
}
.mapTreeStyle div span {
padding:0px 5px;
}
.mapTreeStyle a {
text-decoration:none;
font-weight:bold;
color:#226fd7;
}
.mapTreeStyle a:hover {
text-decoration:none;
font-weight:bold;
color:#ff8231;
}

.mapTreeStyle div a ,.mapTreeStyle div a:hover {
font-weight:normal;
}

/*------------- 修改产品页后新生成style --------------------------*/
#divGTFSCandGTFE {
border:1px dashed #a8d9f3;
background-color:#f4fbfe;
margin:15px 0px;
padding-bottom:5px;
padding-left:5px;
}
#divGTFSCandGTFE .spanGTFSC {
background: url(../images/safedisk.gif) no-repeat 5px top;
display:block;
height:70px;
line-height:70px;
padding-left:70px;
}
}
#divGTFSCandGTFE .spanGTFE {
background: url(../images/safedoc.gif) no-repeat 5px top;
display:block;
height:70px;
line-height:70px;
padding-left:70px;
}

#divGTFSCandGTFE a{
color:#ec580c;
text-decoration:none;
line-height:70px;
}
#divGTFSCandGTFE a:hover {
color:#226fd7;
text-decoration:underline;
}
.divSuccessCaseStyle {
color:#226fd7;
font-weight:bold;
margin-bottom:10px;
padding:5px 0px 5px 5px;
background-color:#f4fbfe;
border:1px dashed #dfecf3;
}
.pDownloadManual {
text-align:right;
}
.divForgetPassword {
text-align:right;
}
.divForgetPassword span {
margin:0px 10px;
}
.divForgetPassword .spanindexWapLink {
float:center;
background: url(../images/indexWapUrl.png) no-repeat left center;
padding-left:14px;
margin-right:10px;
}
.codeDemoUL {
list-style: none;
clear:right;
overflow:hidden;
cursor:pointer;
z-index:3;
position:relative;
margin-bottom:-1px;
}
.codeDemoDiv {
clear:both;
border:1px solid #bdc5c8;
overflow:hidden;
margin-bottom:10px;
text-align:left;
}
.codeDemoDiv p ,.codeDemoDiv h2,.codeDemoDiv h3 ,.codeDemoDiv pre , .codeDemoDiv .divWrapTextarea
{
margin-left:15px;
 margin-right:15px;
}
.codeDemoDiv h3
{
margin-top:10px;
}
.codeDemomouseOnMenu {
border:1px solid #bdc5c8;
border-bottom:1px solid #fff;
background-color:#fff;
font-weight:bold;
}
.codeDemomouseOutMenu
{
border:1px solid #bdc5c8;
background-color:#d7e0e3;
}
.codeDemoUL li {
float:left;
padding:5px 10px;
	display:inline;
	border-bottom:none;
	margin: 0 5px 0 0;
	overflow: visible;
	line-height:1.5em;
}
.codeDemoDiv pre  {
background-color:#f4fbfe;
border:1px solid #dfecf3;
padding:10px 5px;
overflow-x:scroll;
}
.codeDemoDiv .spanVersionURL {
text-align:right;
display:block;
margin-right:15px;
}
.codeDemoDiv .buttonStyle {
margin:0px;
margin-top:10px;
}
.codeDemoDiv textarea {
color:gray;
}
.encryptSourceList {
background-color:white;
margin-bottom:10px;
}
.encryptSourceList td {
background-color:#edf7fe;
padding:5px;
color:#545454;
}
.encryptSourceList td.sourceName {
color:#226fd7;
font-weight:bold;
width:80px;
}
.encryptSourceList td.sourceDownload {
text-align:center;
width:50px;
}
.encryptSourceList td.OSName {
color:red;
font-weight:bold;
text-align:center;
width:80px;
}
.divSourceTitle {
font-weight:bold;
color:#226fd7;
font-size:10.5pt;
margin-top:15px;
}
.divSourceTitle a {
color:#226fd7;
font-size:10.5pt;
font-weight:bold;
}
.divSourceTitle a:hover {
color:red;
text-decoration:underline;
}

#loginLoading {
margin:15px;
color:red;
}
.spanVersionURL  b {
color:blue;
cursor:pointer;
}
.versionON {
color:red;
}
.versionOUT {
color:blue;
}

.divCodeDemoSecondRight {
float:right;
width:718px;
}

.divCodeDemoSecondRight pre {
text-align:left;
}

.divCodeDemoSecondRight .divSecondRightLeft {
float:left;
width:100%;
text-align:left;
}
.divCodeDemoHelpTitleStyle {
color:red;
cursor:pointer;
}
.divCodeDemoTipsStyle {
color:red;
margin:5px 13px;
}
.divCodeDemoTipsStyle span {
color:gray;
}
.codeDemoCurrentUsers {
text-align:left;
margin:10px 0px 10px 13px;
cursor:pointer;
font-weight:bold;
}
.codeDemoTips {
color:red;
}
.codeDemoTextTips {
color:gray;
}
.codeDemoTheory {
margin:10px;
text-align:right;
}
.codeDemoTheory a,.codeDemoTheory a:visited {
color:red;
text-decoration:none;
}
.codeDemoTheory a:hover {
color:blue;
text-decoration:underline;
}
.divCodeDemoExplainStyle {
color:red;
background-color:#f4f4f4;
border:1px solid #a8a8a8;
z-index:0;
position:absolute;
width:500px;
}
.divClosingStyle {
text-align:right;
background-color:#a8a8a8;
padding:3px;
}
.divClosingStyle image {
cursor:pointer;
}

/* add      2011- 9- 30  */

.divPostOffice {
background: url(../images/postOffice.gif) no-repeat 5px  5px;
text-align:left;
padding-top:10px;
}

.divBaimixin {
background: url(../images/mainbaimixin.gif) no-repeat 5px  5px;
text-align:left;
}

.divPostOffice  h3 a ,.divBaimixin h3 a ,.divOtherProducts a{
color:#226fd7;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.divPostOffice  h3 a:hover ,.divBaimixin h3 a:hover ,.divOtherProducts a:hover{
color:red;

}
.divPostOffice h3,.divPostOffice p,.divBaimixin h3,.divBaimixin p
{
margin-left:80px;
line-height:24px;
}
.divBaimixin
{
margin-top:15px;
}
.divOtherProducts {
text-align:left;
margin-top:15px;
margin-left:5px;
}
.divOtherProducts img {
padding-left:15px;
padding-right:5px;
}
.divHeadMenu
{
float:right;
text-align:right;
margin-top:17px;
margin-right:5px;
}
.divHeadMenu ul li
{
float:left;
padding: 0px 10px;
border-left:1px solid #b1c9dc;
}
.divMenulist {
margin-top:25px;
}
.divMenulist  ul li a
{
color:black;
text-decoration:none;

}
.divMenulist  ul li a:hover
{
color:red;
}
.divParters {
text-align:center;
margin:5px 0px 10px 0px;

}
.divParters img {
margin-left:30px;
}

#divMailFunction {
padding:0px;
}
.divMailFunctionLine {
 background: url("../images/introFunctionLineBg.gif") repeat scroll 0 0 transparent;
 height:24px;
 line-height:24px;
 border:1px solid #82b7da;
 margin-right:15px;
 
}
#divMailFunction a {
color:#0176a9;
font-weight:bold;
text-decoration:none;
height:24px;
display:block;
float:left;
border-right:1px solid #82b7da;
width:150px;
text-align:center;
line-height:24px;
margin:0px;
padding:0px;
}
#divMailFunction a.currenth {
background:#3688ab;
color:#fff;
}

/* add QQ css start*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}

.qqbox{
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:100px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
}
.qqlv{
	width:25px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf{
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #077089;
	background:#fff;
}
.qqkfbt{
	width:118px;
	height:20px;
	overflow:hidden;
	background:#077089;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #1486a1;
	cursor:pointer;
	text-align:center;
}
.qqkfhm{
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh{
	width:102px;
	padding-left:10px;
}
/*QQ css End*/


/*postoffice css*/
.divSecondPostOfficeMainBody {
    background-color: #FFFFFF;
    margin: auto;
    overflow: auto;
    padding-top: 5px;
    width: 914px;
}
.divLeftPostOfficeMenu {
text-align:left;
background-color:#fefefe;
border:1px solid #dfecf3;
}
.divLeftPostOfficeMenu div{
padding-left:20px;
font-weight:bold;
background:url("../images/leftPostOfficeMenu.gif") left 50% no-repeat;
height:28px;
line-height:28px;
margin-bottom:1px;

}
.divLeftPostOfficeMenu div a {
font: 10pt/28px  verdana,sans-serif;
color:#caeeff;
text-decoration:none;
font-size:11pt;
}
.divLeftPostOfficeMenu div a:hover {
color:#fff;
}
.divLeftPostOfficeMenu .divOpenSecondMenu {
background:url("../images/leftPostOfficeOnMenu.gif") left 50% no-repeat;
}
.divLeftPostOfficeMenu .divOpenSecondMenu a {
color:#fff;
font: 11pt/28px   verdana,sans-serif;
font-weight:bold;
}
.divLeftPostOfficeMenu .liOpenThirdMenu a{
font-weight:bold;
color:#2270d7;
}
.divLeftPostOfficeMenu ul li {
background:url("../images/indent5.png") left 50% no-repeat;
padding-left:10px;
margin:5px 0px;
}
.divLeftPostOfficeMenu ul li a {
color:#333;
text-decoration:none;
}
.divLeftPostOfficeMenu ul li a:hover {
color:#2270d7;
text-decoration:none;
}
.divLeftPostOfficeMenu ul {
margin-left:15px;
}
.spanPostOfficeTitle {
color:#3688ab;
font-size:11.5pt;
font-weight:bold;
display:block;
line-height:30px;
margin-right:10px;
}
.stepWrap {
background:url("../images/stepNum.jpg") left 50% no-repeat;
padding-left:50px;
}
.spanPostOfficeTitle a {
color:red;
font-size:12pt;
}
.divCodeDemoSecondRight p {
margin-right:10px;
}
.tableList {
    width: 98%;
	background-color:#eaf1fa;
}
.tableList th ,.tableList caption {
    background-color:  #0176A9;;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    white-space: nowrap;
	text-align:center;
}
.tableList td {
background-color:#fafafa;
text-align:center;
padding:5px 0px;
}
.tableList .tdColspan {
text-align:left;
padding:5px;
 background-color:  #cdd8df;
font-size:11.5pt;
}
.tableList .tdColspan span {
color:#255d75;
font-weight:bold;
font-size:11.5pt;
padding-right:0px 10px 0px 10px;
}

.tableList caption ,.tableList .topTips{
text-align:left;
padding:5px;
}

.tableList .thList {
background-color:#fafafa;
text-align:right;
color:#000;
font-weight:normal;
width:12%;
}
.tableList .inputd
{
text-align:left;
padding:5px 0px;
}
.tableList .inputd span {
color:red;
padding:2px;
}
.tableList .inputd .textStyle {
width:300px;
border:1px solid #2e7492;
}
.leftPostOfficeTel {
background:url("../images/headTopLittleIcon1.gif") left 50% no-repeat;
padding-left:17px;
margin-left:3px;
}
.leftPostOfficemail {
background:url("../images/postOfficeIcon.gif") left 50% no-repeat;
padding-left:17px;
margin-top:10px;
margin-left:3px;
}
.leftPostOfficeTel  span ,.leftPostOfficemail span {
font-size:10pt;
color:#2e7492;
font-weight:bold;
}
#layerDiv .textStyle {
width:150px;
}
