html,
body { overflow: hidden; background:#fff;width:100%;height:100%;}

#header { height:80px; position: relative; background:#4E6A81 url(../images/topbglight.gif) no-repeat right 0; color:#fff; }
#main { background:#fff;overflow:hidden!important; overflow-y: auto!important;}

.header a { color:#fff; text-decoration:none; }
.header a:hover { color:#fff; }
.header .hd1 { height:51px; overflow:hidden; zoom:1; }
.header .hd2 { zoom:1; }
.shopname { float:left; font-size: 14px; font-weight: 700; color: #fff; height:25px; line-height:25px; padding-left:16px; _padding-left:20px; white-space:nowrap; margin:12px 0 0; }
.certiinfo { font-size:11px; padding:0 10px; color:#f90; font-weight:normal; }
.certiinfo a { color:#f90; }
.top-menu { float:left; }
.top-menu .tab { float: left; margin-left:5px; line-height:25px; white-space:nowrap; position:relative; z-index:2; }
.top-menu .tab span { background: url(../images/topmenuactivetab.gif) repeat-x right -64px; display:block; float:left; text-decoration:none; padding:0 18px 0 0; height:27px; outline:none; float: left; }
.top-menu .tab span span { background: url(../images/topmenuactivetab.gif) repeat-x 0 -64px; padding:0 0 0 18px; }
.top-menu .current span { background: url(../images/topmenuactivetab.gif) repeat-x right 0; height:29px; line-height:29px; }
.top-menu .current span span { background: url(../images/topmenuactivetab.gif) repeat-x 0 0; color:#000; font-size:14px; font-weight:700; }
.top-menu .current span a { color:#000; }
.top-menu .greenbutton span { background: url(../images/topmenuactivetab.gif) repeat-x right -90px; height:24px; }
.top-menu .greenbutton span span { background: url(../images/topmenuactivetab.gif) repeat-x 0 -90px; height:24px; }
.top-menu .closebutton { background: url(../images/topmenuactivetab.gif) repeat-x right -64px; height:24px; }
.top-menu .closebutton span { background: url(../images/topmenuactivetab.gif) repeat-x 0 -64px; }
.top-menu .blankbutton span { background: url(../images/topmenuactivetab.gif) repeat-x right -114px; padding:0 5px 0 0; }
.top-menu .blankbutton span span { background: url(../images/topmenuactivetab.gif) repeat-x 0 -114px; height:24px; line-height:27px; padding:0 0 0 5px; white-space:nowrap; }
.top-menu .blankbutton span a { padding:0 5px; }
.top-link { margin:5px 5px 0 0; position:absolute; right:0; }
.top-link-span, .top-link-a { margin:0 2px; cursor:pointer;}
.top-link-menu { position:absolute; right:0; background:url(../images/onlineservice-bg.gif) no-repeat; height:22px; padding:0 0 0 19px; margin:1px 0 10px 0; white-space: nowrap; text-align:center; width:auto !important; min-width: 330px; width: 330px; line-height: 22px; }
#header .tip-new { background: url(../images/tip_new.gif) no-repeat; width: 25px; height: 25px; position: absolute; z-index: 999; right: -6px; top: -12px; cursor: pointer; text-indent: -9999px; }
.tb-app-intro-tp { background: url(../images/tb_app_intro.gif) no-repeat; width: 634px; height: 81px; text-indent: -9999px; }
#msgRunner { margin:16px 0 0 12%; float:left; width:160px; }
#msgRunner .runner { line-height:20px; height:20px; overflow:hidden; }
#msgRunner span { display:block; cursor:pointer; color:#fff; white-space:nowarp; background:url(../images/msgtip.gif) no-repeat 0 50%; padding-left:15px; }
#msgStorage,
#msgStorage li { margin:0; color:#666; }

.toggle-bar { background-color:#6F777A; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; }
#leftToggler { position: absolute; width: 7px; left: 143px; z-index: 99; border-right:1px solid #70787B; margin-top:4px; background-image:url(../images/arrow-left.gif); }
.toggle-bar:hover { background-color: #b9c8d4; }
.closeLeft #leftToggler { background-image:url(../images/arrow-right.gif); left: 0; }
#sidecontent { background: #fff; width: 143px; position: absolute; left: 0; color: #4e6a81; margin-top:4px; border-top:1px solid #ccc; overflow:hidden; overflow-y:auto; }
.closeLeft #sidecontent { display: none; }
#sidecontent a { color: #000; text-decoration:none; }
#sidecontent a.cur { background:#6F777A; color:#fff; font-weight:700; }
#workground { margin:4px 0 0 151px; }
.closeLeft #workground { margin-left: 7px; }

/*菜单部分*/
#submenu_goods .section { color:#fff; height:28px; line-height:28px; display:block; text-align:center; cursor:pointer; font-size:14px; background:url(../images/leftmenutitle.gif) repeat-x; border-left:1px solid #abbdc8; border-right:1px solid #abbdc8; border-bottom:1px solid #fff; font-weight:700; }
#submenu_goods .section.cur { background:url(../images/leftmenutitle.gif) repeat-x right 0; }
.g-level-1 { color:#369; padding:3px 0; border-top:1px solid #efefef; border-bottom:1px solid #ccc; display:block; padding-left:5px; background:#efefef; }
.g-level-1 .title { background:url(../images/sysicon.gif) no-repeat 0 -838px; _background:url(../images/sysicon.gif) no-repeat 0 -840px; padding-left:13px; color:#369; }
.g-level-1-withchild { color:#888; }
.g-level-2 { border-left:1px solid #bec6ce; border-bottom:1px solid #fff; background:#fff; }
.g-level-2 a { display:block; padding:1px 1px 1px 19px; margin:0; border-bottom:1px solid #efefef; }
.g-level-2 a:hover { background:#FFFFD4; }
.g-menu-sec .g-level-1 { padding:3px 0 3px 5px; border-left:1px solid #bec6ce; border-right:1px solid #fff; background:#efefef; }
.g-menu-sec .g-level-1:hover { background:#efefef; }
.g-menu-sec .g-level-2 { border:0; border-left:1px solid #bec6ce; background:#fff; }
.g-menu-sec .x-tnode-handle { margin-top:5px; }
.g-menu-sec .g-level-2 a { border-bottom:1px solid #efefef; }
#g_menu_sec_2 .g-level-2 a { display:block; width:auto; padding:2px 0; padding-left:-22px; }
.head_content { position:relative; z-index:2; padding:5px 0 0; background:#6F777A;}
.foot_content { position:relative;}
.nav-bar { background:url(../images/finder_bar_bg.gif) no-repeat 0 0; padding:5px 7px; color: #fff; text-align: left; }
.nav-bar span,
.nav-bar a,
.nav-bar a:hover { color:#fff; text-decoration: none; }
/*---------------------------------------------------------------------------------------------------------------
dashboard
---------------------------------------------------------------------------------------------------------------*/
.dashboard { margin:10px; width:1000px; overflow:hidden; }
.dashboard table.frame { width:auto; }
.dashboard .notice li { cursor:pointer; }
.dashboard .notice li span { text-decoration:underline; }
.dashboard .dashboard_empty { font-size:14px; color:#ccc; font-weight:normal; }
.dashboard .dashboard_number { font-size:14px; color:#f90; font-weight:700; cursor:pointer; text-decoration:underline; }
.dashboard .dashboard_number_black { font-size:14px; color:#000; font-weight:700; }
.dashboard .dashboard_number_orange { color:#f90; font-weight:700; }
.dashboard table.frame { width:auto; }
.dashboard table td { vertical-align:top; }
.dashboard .serviceitems { border:1px solid #ccc; margin-bottom:15px; width:180px; height:220px; }
.dashboard .serviceitems h3 { background:url(../images/tablethbg.gif) repeat-x; border-bottom:2px solid #bec7cd; border-top:1px solid #EFEFEF; color:#000; display:block; margin:0; padding:6px 3px; font-size:12px; font-weight:700; }
.dashboard .serviceitems th,
.dashboard .serviceitems td { border-bottom:1px solid #eee; padding:0 10px; line-height:20px; }
.dashboard .serviceitems thead th { background:#efefef; }
.dashboard .serviceitems tbody th { text-align:left; }
.dashboard .serviceitems tbody td { text-align:right; font-size:14px; color:#f90; font-weight:700; }
.dashboard .serviceitems .contentbg { padding:4px; }
.dashboard .serviceitems object { padding:5px; }
/*---------------------------------------------------------------------------------------------------------------
	各欢迎页面
---------------------------------------------------------------------------------------------------------------*/
.guider { margin:30px; position:relative; }
.guider h4 { color:#5e7b9f; }
.guider em { font-style:normal; color:#ff3b06; font-weight:bold; }
.guider dt { font-size:14px; font-weight:bold; }
.guider .step { position:absolute; background:url(../images/saas_guide_ico.gif) no-repeat; padding:5px 0 0 55px; z-index:99; }
.guider .step1 { background-position:0 5px; }
.guider .step2 { background-position:0 -150px; }
.guider .step3 { background-position:0 -300px; }
.guider .step4 { background-position:0 -450px; }
.guider .step5 { background-position:0 -605px; }
.guider .step dt { color:#5b80ae; padding:0 0 4px; }
.guider .step dd { color:#666666; margin:0; width:280px; width:240px; }
.guider .guider_sub { position:absolute; left:355px; top:0; }
.guider .guider_sub dl { margin:0 0 15px; }
.guider .guider_sub dt { background:url(../images/saas_guide_item.gif) no-repeat; width:254px; height:22px; line-height:22px; padding:0 0 0 15px; color:#fff; }
.guider .guider_sub dd { margin:5px 0 0 15px; color:#666666; width:240px; }
.guider .sub2 { width:620px; left:220px; }
.guider .sub2 dl { margin:0 20px 15px 15px; float:left; *display:inline;}
.guider .arrwrap { width:15px; position:relative; padding:12px 0; left:320px; height:200px; }
.guider .arrwrap div { background:url(../images/saas_guide_arr.gif) no-repeat; width:15px; }
.guider .arrwrap .tp { height:10%; }
.guider .arrwrap .bd { background-position:0 51%; height:80%; }
.guider .arrwrap .ft { height:10%; background-position:0 bottom; }
.guider .arr2 { width:65px; height:166px; background:url(../images/saas_guide_arr.gif) no-repeat -100px 0; position:absolute; top:104px; left:18px; z-index:99; }
.guider_intro { border-top:1px solid #e1e1e1; margin:10px; padding:5px 0 0 70px; }
.guider_intro h2 { color:#fb9b04; font-size:12px; font-weight:bold; }
.guider_intro p { color:#666; }


.btn-appstore { cursor: pointer; color: #FFF7C5; padding:0 0 0 2px;}
.btn-appstore span { color: #fffdde; }
/*css round
.tableform,
.division,
.submitBtn,
.notice,
.error,
.success,
.note { -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.tab { -webkit-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-radius-topright: 5px; -moz-border-radius-topright: 5px; }*/