#container {
width:988px;
text-align:left;
margin:0 auto;
}
.headerWrapper {
margin-left:22px;
width:757px;
background:url(headBg.gif) repeat-x;
}
#header {
height:72px;
background:url(headBgRight.jpg) no-repeat right;
position:relative;
}
#headNav {
position:absolute;
right:30px;
top:5px;
}
#headNav li {
float:left;
}
#headNav li.navDiv {
height:22px;
width:1px;
background:url(navDiv.gif) no-repeat 0 50%;
}
#headNav li a {
height:22px;
line-height:22px;
color:#fff;
padding:0 8px;
}
.logoWrapper1 {
width:330px;
background:url(logoBg.jpg) repeat-x;
}
.logoWrapper2 {
background:url(logoBgLeft.jpg) no-repeat;
}
#logo {
background:url(logoBgRight.jpg) no-repeat right;
height:72px;
position:relative;
}
#logo img {
position:absolute;
left:37px;
top:22px;
}
#content {
background:url(mainBg.jpg) no-repeat left top;
padding-left:22px;
min-height:100px;
height:auto!important;
height:100px;
overflow:visible;
}
#sideBar {
float:right;
width:209px;
text-align:center;
}
.sideBarWrapper1 {
background:url(sideBarBg.gif) repeat-y;
}
.sideBarWrapper2 {
background:url(sideBarBgTop.gif) no-repeat top;
}
.sideBarWrapper3 {
background:url(sideBarBgBottom.gif) no-repeat bottom;
height:560px;
position:relative;
padding-top:18px;
}
#login {
width:180px;
text-align:left;
background:url(divImg01.jpg) repeat-x bottom;
margin:0 auto;
padding:4px 0 8px;
}
#login h3 {
padding:5px 0;
}
#login input, #login button {
border:0;
color:#80ACD2;
margin:5px 0;
}
#login .txt {
background:url(inputBg.gif) no-repeat;
width:174px;
height:21px;
padding:5px 0 0 6px;
}
#login .submit {
background:url(btnLoginSubmit.jpg) no-repeat;
width:66px;
height:24px;
line-height:24px;
}
.specialLinks a {
background:url(dotImg1.gif) no-repeat 0 50%;
padding-left:12px;
color:#1A609E;
height:24px;
line-height:24px;
}
#case {
width:184px;
text-align:left;
margin:11px auto 0;
}
#case h3 {
padding:14px 0;
}
#case h4 {
text-align:left;
background:url(listImg01.gif) no-repeat 0 50%;
height:22px;
line-height:22px;
padding-left:15px;
margin-top:10px;
color:#fff;
}
#case p {
color:#D1DEEB;
padding:0 5px 0 15px;
}
#case .moreCases {
border:0;
background:url(btnMoreCases.jpg) no-repeat;
width:74px;
height:24px;
line-height:24px;
}
.freeBtn01, .freeBtn02 {
height:90px;
width:90px;
position:absolute;
right:2px;
}
.freeBtn01 {
top:150px;
}
.freeBtn02 {
top:235px;
}
.freeBtn01 a, .freeBtn02 a {
cursor:pointer;
height:90px;
width:90px;
display:block;
}
#contact {
margin-top:20px;
}
#contact strong {
color:#689ACB;
}
#contact dl {
text-indent:0;
padding:0 10px;
}
#contact dl dt {
height:24px;
line-height:24px;
}
#mainContent {
float:right;
width:757px;
}
#main {
background:#fff url(mainTopBg.gif) repeat-x;
text-align:center;
min-height:740px!important;
_height:740px;
}
#banner {
width:736px;
height:206px;
overflow:hidden;
margin:9px auto 20px;
}
#menu {
width:736px;
height:46px;
position:relative;
text-align:center;
border-bottom:6px #E4EFF3 solid;
margin:0 auto;
}
#menu ul {
position:absolute;
bottom:0;
left:0;
height:29px;
}
#menu ul li {
display:inline;
float:left;
}
#menu ul li a {
font-weight:700;
color:#fff;
text-align:center;
margin-right:1px;
width:79px;
height:29px;
line-height:29px;
float:left;
background:url(menuBg.jpg) no-repeat 0 0;
text-decoration:none;
}
#menu ul li a:hover {
background:url(menuBg.jpg) no-repeat 0 -29px;
}
#menu span {
position:absolute;
right:3px;
top:0;
}
#menu span a {
display:block;
background:url(trailOnline.jpg) no-repeat 0 0;
width:109px;
height:46px;
}
#menu span a:hover {
background:url(trailOnline.jpg) no-repeat 0 -46px;
}
.content {
padding-bottom:20px;
width:736px;
min-height:400px;
height:auto!important;
height:400px;
overflow:visible;
margin:0 auto;
}
#quickLaunch {
background:#E7EEF6 url(quickLaunchBgTop.jpg) no-repeat;
padding-top:121px;
}
.quickLaunchWrapper {
background:url(quickLaunchBgBottom.jpg) no-repeat left bottom;
padding-bottom:27px;
}
#quickLaunch, div.events {
float:left;
width:232px;
}
div.events {
text-align:left;
margin-left:16px;
}
div.events dl {
background:#f6f6f6;
height:108px;
border-top:1px solid #DFDFDF;
overflow:hidden;
padding:10px;
}
div.events dl dt a {
color:#1960A0;
line-height:20px;
}
div.events dl dt a:hover {
color:#C30;
}
div.events dl dd {
padding-top:4px;
line-height:20px;
text-indent:2em;
color:#848484;
}
.list {
width:80%;
margin:0 auto;
}
.list ul {
margin-top:12px;
}
.list ul li {
background:url(listDiv.gif) repeat-x left bottom;
}
.list ul li a {
text-align:left;
line-height:18px;
background:url(newsListImg.gif) no-repeat 0 6px;
display:block;
min-height:18px;
height:auto !important;
height:18px;
overflow:visible;
padding:2px 0 2px 16px;
}
.list02 ul li {
background-image:url(newsListDiv02.gif);
}
.list02 ul li a {
color:#474747;
background:url(newsListImg02.gif) no-repeat 3px 14px;
padding:6px 0 4px 12px;
}
.list02 ul li a:hover {
color:#015BB1;
}
.btnMore {
text-align:right;
padding:10px;
}
#partner {
width:720px;
background:#E7EEF6 url(partnerBgLeft.gif) no-repeat left;
margin:20px auto 0;
}
.partnerWrapper1 {
height:62px;
background:url(partnerBgRight.gif) no-repeat right;
padding:7px 30px 7px 58px;
}
.partnerWrapper2 {
height:62px;
background:#fff;
}
.partnerWrapper2 ul li {
float:left;
text-align:center;
width:20%;
margin-top:10px;
}
#footer {
margin-left:22px;
width:757px;
text-align:left;
height:41px;
background:url(footerBg.jpg) repeat-x;
}
.footerWrapper1 {
background:url(footerBgLeft.jpg) no-repeat left;
}
.footerWrapper2 {
background:url(footerBgRight.jpg) no-repeat right;
position:relative;
}
#footer .copyright {
line-height:41px;
width:716px;
color:#92A5AD;
margin:0 auto;
}
#footLink {
height:24px;
position:absolute;
right:20px;
top:14px;
}
.title {
border-bottom:#92A5AD solid 1px;
position:relative;
height:24px;
width:96%;
padding-left:8px;
margin:0 auto;
}
.title span {
position:absolute;
right:10px;
top:5px;
color:#92A5AD;
}
.title h3 {
font-size:15px;
font-weight:700;
padding-top:5px;
}
.main {
text-align:left;
padding:20px 42px;
}
#subMenu {
width:184px;
background:url(divImg01.jpg) repeat-x bottom;
padding-bottom:15px;
margin:0 auto;
}
#subMenu .subMenuWrapper {
background:#E7EEF6 url(subMenuBottomBg.gif) no-repeat left bottom;
min-height:189px;
height:auto !important;
height:189px;
overflow:visible;
padding-bottom:20px;
}
#subMenu h3 {
background:url(subMenuTopBg.gif) no-repeat right top;
padding:10px 15px 0;
}
#xxContent {
text-align:left;
padding-bottom:20px;
margin:0 auto;
}
#recommendedNews {
margin-bottom:10px;
background-color:#e7eef6;
height:145px;
}
#recommendedNews dl {
padding:5px;
}
#recommendedNews dt {
font-weight:700;
line-height:30px;
padding-top:10px;
}
#recommendedNews img{
float:left;
margin:15px;
}
#recommendedNews dt a {
color:#0f53a7;
font-size:15px;
text-decoration:none;
}
#recommendedNews dt a:hover {
color:#fe4b05;
}
#recommendedNews dd {
line-height:25px;
color:#666;
}
.right {
text-align:right;
right:10px;
color:#666;
}
#xxContent li {
background:url(dot.gif) repeat-x bottom;
position:relative;
height:30px;
}
#xxContent li a {
background:url(newslistDiv.gif) no-repeat 5px 50%;
color:#666;
padding:5px 0 5px 15px;
position:absolute;
left:0;
top:0;
}
#xxContent li a:hover {
color:#f60;
}
#xxContent li span {
position:absolute;
height:30px;
line-height:30px;
right:10px;
color:#666;
}
#xxContent li img {
margin-left:5px;
}
#caseList ul li {
background:url(dotImg2.gif) repeat-x left bottom;
margin-bottom:20px;
min-height:165px;
height:auto!important;
height:165px;
overflow:visible;
}
#caseList dt, #caseread dt {
font-weight:700;
line-height:30px;
}
#caseList dt a, #caseRead dt a {
font-size:14px;
color:#0f53a7;
padding-left:20px;
text-decoration:none;
background:url(biao.gif) no-repeat 0 50%;
}
#caseList dt a:hover, #caseRead dt a:hover {
color:#545555;
text-decoration:underline;
}
#caseList dd {
line-height:22px;
color:#666;
padding-bottom:10px;
}
#caseRead dd {
line-height:22px;
color:#666;
min-height:80px;
height:auto!important;
height:80px;
overflow:visible;
margin:10px 20px;
}
.btns {
padding:20px 0 0 20px;
}
.productList {
width:100%;
min-height:100px;
height:auto!important;
height:100px;
overflow:visible;
padding-bottom:20px;
}
.productList li {
background:#fff;
float:left;
display:inline;
width:289px;
margin-right:30px;
}
.productList li h4 {
background:#DCE6EF;
height:30px;
line-height:30px;
padding-left:10px;
font-weight:400;
}
.detail {
color:#484848;
text-align:left;
}
.biao {
background:url(biao.gif) no-repeat;
padding-left:20px;
}
#login2 {
width:637px;
height:195px;
text-align:center;
background:url(mem_login.jpg) no-repeat;
margin:0 auto;
}
#login2 form {
width:280px;
padding:60px 0 0 240px;
}
#login2 form div {
height:20px;
text-align:left;
padding:3px 0;
}
#login2 form div a {
color:#666769;
text-decoration:underline;
}
#login2 form label {
height:20px;
line-height:20px;
text-align:right;
width:80px;
}
#login2 form span {
padding-top:3px;
}
.btn2 {
float:right;
}
#login2 input.inputTxt {
border:#C7C7D3 1px solid;
background:#fff;
line-height:14px;
height:14px;
color:#013a5d;
width:128px;
padding:1px;
}
.memberWelcome {
background:#E7EEF6 url(subMenuTopBg.gif) no-repeat right top;
}
.welcomeWrapper {
min-height:140px;
height:auto!important;
height:140px;
overflow:visible;
background:url(subMenuBottomBg.gif) no-repeat left bottom;
padding:5px 10px;
}
#regSuccess {
width:681px;
height:236px;
background:url(regSuccessImg.jpg) no-repeat;
position:relative;
margin:0 auto;
}
#regSuccess .regContent {
position:absolute;
width:360px;
right:40px;
bottom:20px;
}
#regSuccess p, #regSuccess span {
color:#5A5A5A;
line-height:18px;
}
#regSuccess span {
padding-left:16px;
margin-left:12px;
}
#regSuccess a {
color:#DA0500;
text-decoration:underline;
}
#regSuccess .tel {
background:url(telIcon.gif) no-repeat left top;
}
#regSuccess .mail {
background:url(mailIcon.gif) no-repeat left 4px;
}
#regSuccess .tips {
background:url(tips.gif) no-repeat 0 3px;
padding-left:18px;
}
.memberForm h4 {
border-bottom:7px solid #E7EEF8;
margin-bottom:20px;
}
.memberForm form {
padding-bottom:20px;
}
.memberForm form div {
min-height:18px;
height:auto!important;
height:18px;
overflow:visible;
display:block;
padding:4px 0;
}
.memberForm form span {
color:#929292;
}
.memberForm form label {
width:15%;
color:#004561;
}
.memberForm form label span {
color:red;
padding:4px 0;
}
.memberForm form input.txt {
width:200px;
}
#welcomBar {
background:url(welcomeBarBg.gif) repeat-x;
}
.welcomBarWrapper1 {
background:url(welcomeBarBgLeft.gif) no-repeat left top;
}
.welcomBarWrapper2 {
background:url(welcomeBarBgRight.gif) no-repeat right top;
font-size:14px;
color:#5A5A5A;
position:relative;
height:35px;
line-height:35px;
}
.welcomBarWrapper2 em {
position:absolute;
left:20px;
font-style:normal;
font-size:14px;
color:#333;
}
.welcomBarWrapper2 strong {
font-size:14px;
color:#0E67AF;
}
.welcomBarWrapper2 span {
position:absolute;
right:20px;
}
#memberFunction ul li {
float:left;
width:45%;
padding-right:4%;
height:120px;
margin:10px 0;
}
#memberFunction .functionImg {
float:left;
margin-right:10px;
}
#memberFunction dt {
color:#0E67AF;
line-height:16px;
font-weight:400;
padding:20px 0 4px;
}
#memberFunction dd {
line-height:16px;
color:#8C8C8C;
}
.memberNews h3 {
height:24px;
color:#fff;
font-size:12px;
line-height:24px;
padding-left:20px;
background:#056AB2;
}
.memberNews ul {
padding-top:10px;
}
.memberNews ul li {
border-bottom:#C7DEE6 1px solid;
position:relative;
padding:6px 0;
}
.memberNews ul li a {
background:url(listImg02.gif) no-repeat 10px 4px;
padding-left:20px;
color:#525252;
}
.memberNews ul li a:hover {
color:red;
}
.memberNews ul li span {
color:#AEAEAE;
position:absolute;
right:20px;
}
.stepsNav {
background:url(stepsBg.jpg) no-repeat 10px 4px;
border-bottom:2px solid #EBEBEB;
position:relative;
width:542px;
padding:0 0 10px 110px;
}
.stepsNav span {
position:absolute;
right:10px;
top:0;
}
.stepsNav table {
background:#E7EEF6;
width:100%;
margin:4px 0;
}
.stepsNav table td {
line-height:20px;
}
.stepsNav a {
color:#5B5B59;
}
.stepsContent {
text-align:center;
padding:16px;
}
.stepsContent h3 {
font-size:14px;
color:#016AAE;
line-height:24px;
}
.stepsContent p {
line-height:22px;
color:#5B5B5B;
}
.stepsContent ul li {
background:url(stepBg.gif) repeat-x 0 3px;
width:100%;
text-align:left;
height:54px;
position:relative;
margin:8px auto;
}
.liWrapper {
background:url(stepBgRight.gif) no-repeat right 3px;
height:54px;
}
.liWrapper select {
width:200px;
position:absolute;
right:170px;
top:20px;
padding:1px;
}
.liWrapper a {
position:absolute;
right:50px;
top:20px;
}
#functionList ul li {
margin-bottom:10px;
}
.memCase ul li {
border:1px solid #C7DEE6;
margin-bottom:20px;
background:#fff;
padding:20px;
}
.caseImg {
float:left;
display:inline;
}
.caseImg a img, .skinThumbnail a img {
border:4px solid #DCE6EF;
}
.caseImg a:hover img, .skinThumbnail a:hover img {
border-color:#0569B4;
}
.memCase dl, #functionList dl, #caseList dl {
float:right;
display:inline;
}
#functionList dl {
width:540px;
border-bottom:1px solid #DBE1ED;
}
.memCase dl dt, #functionList dl dt, #addFunction dt {
line-height:22px;
background:url(biao.gif) no-repeat 0 5px;
padding-bottom:5px;
}
.memCase dl dd, #functionList dl dd, #addFunction dl dd {
color:#333;
}
.memCase dl dt a, #functionList dl dt a, #addFunction dt a {
font-size:14px;
padding-left:20px;
color:#4273AB;
}
#addFunction h4, .choseSkin h4, .choseSkin h4 a {
color:#056AB2;
height:22px;
line-height:22px;
border-bottom:3px solid #E2EDEF;
}
.choseSkin h4, .choseSkin h4 a {
font-size:14px;
}
.choseSkin h4 a {
border:0;
}
#addFunction .functionImg {
width:320px;
padding-top:20px;
background:url(addFunctionBg.jpg) no-repeat right 50%;
height:110px;
}
.addFunction {
padding-bottom:4px;
text-align:right;
}
.addFunction a {
line-height:22px;
background:url(addFunctionIcon.gif) no-repeat 0 50%;
padding-left:20px;
text-decoration:underline;
color:#4274A9;
}
.showDetail {
text-align:left;
padding-top:8px;
}
.choseSkin {
padding-bottom:16px;
}
.choseSkin ul {
padding-top:16px;
}
.choseSkin ul li {
float:left;
display:inline;
text-align:center;
width:33%;
margin-bottom:10px;
}
.skinDetails {
text-align:left;
border-top:1px solid #fff;
width:195px;
height:24px;
line-height:24px;
background:#DCE6EF;
position:relative;
padding-left:10px;
color:#0369B1;
margin:0 auto;
}
.skinDetails span {
position:absolute;
right:10px;
top:0;
line-height:24px;
}
.skinDetails span a {
color:#0369B1;
text-decoration:underline;
}
.skinAdvice {
background:#E7EEF6;
padding:4px 20px;
}
.skinAdvice select {
width:180px;
}
.skinAdvice .page {
float:right;
margin:0;
padding:0;
}
#eva {
background:#fff url(evaBg.jpg) no-repeat right bottom;
text-align:left;
}
#eva form {
width:400px;
text-align:left;
background:#F4F7FC;
padding-bottom:20px;
margin:0;
}
#eva dl {
padding:10px;
}
#eva dt {
background:#DCE6F2;
color:#4272B4;
font-size:12px;
font-weight:700;
margin:10px 0 8px;
padding:2px 10px;
}
#eva dd {
color:#4F5356;
padding-left:20px;
}
#eva .submit input {
padding:2px 6px;
}
#intro {
width:184px;
background:#3E81BB url(introBottomBg.gif) no-repeat left bottom;
margin:15px auto;
}
.introWrapper {
background:url(introTopBg.gif) no-repeat left top;
min-height:240px;
height:auto!important;
height:240px;
overflow:visible;
color:#fff;
text-align:left;
padding:14px 8px 10px 8px;
}
.page {
color:#2771AE;
text-align:right;
line-height:20px;
padding:15px 15px 0 0;
}
.page a {
color:#3e81bb;
text-decoration:underline;
}
input.btnViewSkin, input.btnRestart {
background-repeat:no-repeat;
border:0;
}
input.btnViewSkin {
width:105px;
height:24px;
background:url(btnViewSkin.gif);
}
input.btnRestart {
width:76px;
height:22px;
background:url(btnRestart.gif);
}
input.btnSubmit, input.btnReset {
background-repeat:no-repeat;
border:0;
width:50px;
height:47px;
}
input.btnSubmit {
background:url(btnSubmit.jpg);
}
input.btnReset {
background:url(btnReset.jpg);
}
#article {
border-bottom:1px solid #ddd;
}
#article h4 {
font-size:14px;
line-height:30px;
}
#article #postDate {
border-bottom:1px solid #ddd;
margin-bottom:1em;
}
#article #postDate span {
margin-right:3em;
}
#headNav li a:hover, #case h4 a:hover, .memberWelcome a:hover, .stepsNav a:hover, .memCase dl dt a:hover, #functionList dl dt a:hover {
text-decoration:underline;
}
.specialLinks, #memberFunction {
text-align:left;
}
.specialLinks a:hover, #case h4 a, .introWrapper p, .introWrapper strong {
color:#fff;
}
.list02, .memberNews {
width:100%;
}
#footLink a, .title span a {
color:#92A5AD;
}
#footLink a:hover, .title span a:hover {
color:#1A609E;
}
#recommendedNews a img, .productList li a img {
border:4px solid #b9cedf;
}
#recommendedNews a:hover img, .productList li a:hover img {
border:4px solid #6195c7;
}
.btn, #caseRead dl {
padding:10px 0;
}
#login2 form div a:hover, #regSuccess a:hover {
text-decoration:none;
}
div.center, #eva .submit {
text-align:center;
}
.memberWelcome p, .memberWelcome a {
color:#1F72BE;
}
#caseList dl, .memCase dl {
width:408px;
}
.companyAdvantages{
width:757px;
margin-left:20px;
}