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

body{margin:0; padding:0; background:#9c8e8b; text-align:center; font:11px/160% Tahoma, helvetica, Arial; color:#333;}

ul,ol{margin:0; padding:0; list-style-type:none;}
.clear{clear:both;}
img{border:none;}

a{color:#000; text-decoration:underline; outline:none;}
a:hover{color:#9c0; text-decoration:underline;}

input{font-size:11px; font-family:Tahoma, helvetica, Arial;}
.btn{background:url(../images/btn_bg.gif) repeat-x 0 0; padding:0 10px; height:21px; border-top:#cbcbcb 1px solid; border-left:#cbcbcb 1px solid; border-right:#989898 1px solid; border-bottom:#989898 1px solid; font:11px/15px Tahoma, helvetica, Arial; cursor:pointer;}

/* all */
#topSwf,.menu,#main,#footer{margin:0 auto; width:1003px; text-align:left;}

/* header */
#topSwf{height:321px;}

.menu{height:47px; background:url(../images/menu_bg.gif) repeat-x 0 0; color:#000; font-size:14px; font-family:Corbel, Tahoma, Verdana; font-weight:bold; line-height:47px; z-index:1;}
.menu ul{margin:0 auto; padding:0 30px;}
.menu li{float:left; position:relative;}
.menu li a{float:left; text-decoration:none; display:block; background:url(../images/menu_line.gif) no-repeat left; height:47px; padding-left:40px;}
.menu li a span{display:block; padding-right:40px;}

.menu_close .subNav{display:none;}

.menu_open a:hover,.menu li a.active{background:url(../images/menu_a.png) no-repeat 0 0;}
.menu_open a:hover span,.menu li a.active span{float:left; background:url(../images/menu_a.png) no-repeat right -47px; display:block; padding-right:40px; height:47px; cursor:pointer; color:#fff; font-size:16px;}

.menu_open{background:url(../images/menu_a.png) no-repeat 0 0;}
.menu_open span{float:left; background:url(../images/menu_a.png) no-repeat right -47px; display:block; padding-right:40px; height:47px; cursor:pointer; color:#fff; font-size:16px;}
.menu_open .subNav{position:absolute; background:#9c0; border-bottom:#cce198 3px solid; top:47px; width:161px; text-align:center;}
.menu_open .subNav a{background:none; padding:6px; height:15px; line-height:15px; display:block; float:none; color:#fff; font-size:12px; font-weight:normal;}
.menu_open .subNav a:hover{background:#cce198; display:block; text-decoration:none;}
.menu_open .Products{left:-7px;}.menu_open .eServices{left:-3px;}.menu_open .tools{left:-20px;}

/* main */
#main{background:#ecf2d8;}
#left{float:left; width:246px; margin:20px 0 0 9px; _display:inline;}
#right{float:right; width:732px; margin:20px 9px 0 0; _display:inline;}

.boxT{background:url(../images/box.png) no-repeat 0 0; width:100%; height:9px; font-size:0px;}
.boxT span{float:right; background:url(../images/box.png) no-repeat right -9px; display:block; width:12px; height:9px;}
.boxB{background:url(../images/box.png) no-repeat 0 -18px; width:100%; height:12px; overflow:hidden;}
.boxB span{float:right; background:url(../images/box.png) no-repeat right -30px; display:block; width:12px; height:12px; overflow:hidden;}
.boxC{padding:15px 10px 15px 8px;}

.iLeft{width:246px; background:url(../images/box_bg.gif) repeat-y 0 0;}
.login{width:227px; height:192px; background:url(../images/login.gif) no-repeat 0 0; position:relative;}

.userID,.password{width:183px; height:19px; position:absolute; left:19px; padding:2px 0 0 3px; background:transparent; line-height:19px; border:none;}.userID{top:68px;}.password{top:120px;}
.btnLogin,.btnNewAc{position:absolute; top:158px; height:23px; border:none; background:transparent; cursor:pointer; color:#fff;}.btnLogin{left:19px; width:66px;}.btnNewAc{left:100px; width:108px;}

.forgotPwd{font-size:12px; padding-left:20px;}

.leftBtn{background:url(../images/leftBtn_bg.gif) no-repeat 0 0; width:200px; margin:15px 10px 0 10px; padding-top:15px;}
.btnOpenBA a,.btnPinvoice a{font-size:12px; font-weight:bold;}
.btnOpenBA,.btnPinvoice{margin-top:5px; width:178px; height:40px; padding-left:32px; line-height:40px;}
.btnOpenBA{background:url(../images/btn_openBA.gif) no-repeat 0 0;}
.btnPinvoice{background:url(../images/btn_pInvoice.gif) no-repeat 0 0;}
.msgBtn{padding:15px 0 8px 0;}
.msgBtn img{padding-right:10px;}

.iRight{width:732px; background:url(../images/box_bg.gif) repeat-y -350px 0;}
.sideBar{float:right; width:218px; margin:10px 25px 0 0; _display:inline;}
.title{background:url(../images/title_deco.gif) no-repeat right #9c0; color:#fff; height:22px; line-height:22px; font-size:12px; font-weight:bold; padding-left:12px;}
.readMe{padding:10px 0; margin:0; color:#000;}
.trackNo{width:218px; height:140px; background:#f4fae4; border:1px solid #7f9db9; font:11px/14px Tahoma, helvetica, Arial;}
.news{padding:10px 0;}
.news .date{font-size:10px; font-weight:bold; color:#787878;}
.news .newsTitle{padding:5px 0 10px 0;}
.news .newsTitle a{font-weight:bold;}

.center{float:left; width:436px; margin:10px 0 0 26px; _display:inline;}
.center h2,.container h2{margin:0; padding:0; font-size:12px; float:left;}


.container{margin:10px 25px 0 26px;}
.container h3{line-height:18px; font-size:12px;}
.h3Title{text-align:center;}

.textList{padding:5px 20px;}
.textList ul li{padding:5px 0; color:#666; border-bottom:#999 1px dotted;}
.textList ul li span{padding-right:20px; color:#333;}
.textList ul li b{float:right; margin-right:300px; text-align:left; width:100px;}

.newsList{padding:10px;}
.newsList span.date{font-size:10px; font-weight:bold; color:#787878; display:block;}
.newsList li{padding:10px;}

.pages{margin-left:20px; padding-top:10px; border-top:#999 1px dotted;}

.content{padding:0 10px;}

/* form */
.formBox{padding:0 10px;}
.redDot{font-weight:bold; color:#f00; font-size:12px;}
.section_title{height:23px; line-height:23px; background:#ebebe1; border-bottom:1px solid #ccc; padding-left:8px; margin:8px 0;}
.section_title h4{margin:0; padding:0; font-size:12px;}
.formStyle{margin:15px 10px;}
.formStyle td{height:22px; line-height:22px;}

select{font:11px/14px Tahoma, helvetica, Arial;}
fieldset{margin-bottom:10px;}
fieldset table.formStyle{margin:0; width:100%;}

.h3Title{font:16px/21px Tahoma, helvetica, Arial; font-weight:bold; padding-top:10px;}
.btnRow{padding:10px 0; text-align:center;}

/* Footer */
#footer{background:#ecf2d8; padding:20px 0 10px 0;}
.copyRight{float:left; margin-left:10px; font-size:12px; color:#333; font-weight:bold;}
.copyRight a{font-size:11px; font-weight:normal; text-decoration:none;}
.copyRight a:hover{text-decoration:underline;}
.developed{float:right; margin-right:10px;}
.blue{ color:#06C; font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
.yellow{ color:#FF9900; font-family:"微软雅黑",Verdana, Arial, Helvetica, sans-serif;}