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

body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#242424;}

a img { border:none;}
a { color:#4275b8; text-decoration:underline;}
a:hover { color:#4275b8; text-decoration:none;}


ul { padding:0; margin:0;}
li { list-style-type:none;}

p { margin: 3px 0 10px; padding:0; line-height:22px;}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

.header { background: url(bg.gif) repeat-x; height:102px; overflow:hidden;}

.header .main { width:940px; margin:auto; position: relative; }

.logo { position: absolute; left: 15px; top: 15px; }
.login { line-height:24px; position:absolute; right: 10px; top: 5px; }

.menu  { float:left; margin:67px 0 0;}
.search { float:right;}
.menu li { float:left; text-align:center; list-style: none; line-height: none;  margin-right:2px;}
.menu li a { width:101px; height:35px; line-height:35px; background:url(menubg.gif); display:block; font-size:14px; color:#8b8b8b; text-decoration:none; font-weight:bold;}
.menu li a:hover {color:#2c6cc1; text-decoration:underline;}

.menu .select a { color:#fff; background:url(menubg2.gif); }
.menu .select a:hover {color:#fff; text-decoration:none;}

.search { margin: 67px 0 0; width:225px; height:22px; background:url(searchbg.gif) no-repeat;}
.search div { float:left;}
.search_input { border:none; background:none; color:#818181; margin:0; width:190px; margin-right:10px;  height:22px; line-height:22px;}
.search_btn { margin:4px; padding:0; line-height:22px; overflow:hidden; border:none;}

.container { width:940px; margin: 10px auto 10px; }

.leftbar { background: url(side_t2.gif) repeat-y -180px 0; width:180px; margin-right: 15px; float:left; overflow: hidden; border-bottom: 1px solid #bdd4f2; padding-bottom: 30px; }
.leftbar .side-t { background: url(side_t2.gif) no-repeat 0 -27px; height: 27px; line-height: 27px; overflow: hidden; }
.leftbar .first .side-t { background-position: 0 0; }
.leftbar .side-t h3 { background: url(icon_title.gif) no-repeat 0 8px; font-size: 14px; line-height: 27px; font-weight: bold; color: #222222; margin: 0 13px; padding: 0 0 0 12px; }
.leftbar .side-bd { padding: 5px 0; margin: 0 1px; }
.leftbar ul { clear:both; list-style: none; list-style-image: none; }
.leftbar li { list-style: none; list-style-image: none; }
.leftbar li a { display:block; font-size:13px; height:24px; line-height:24px; width:138px; padding-left: 40px; color:#2c6cc1; text-decoration:none; }
.leftbar li a:hover { background:#dae6f6 url(arr_2.gif) no-repeat right 0; text-decoration:none; }
.leftbar li span { font-size:9px; color:#ff0000;}
.leftbar .active a { font-weight:bold;}
.leftbar sup { color:#ff0000; font-family: Arial, Tahoma; font-size:10px;}

.nav { float:left; width:730px; padding-left:10px; border-bottom: 1px solid #e8e8e8; height:30px; line-height:30px;}

.content { width:730px; overflow: hidden; float:left; padding-left:10px;}
.content .info { float:left; }
.content .info h3  { font-size:16px; font-weight:normal; margin:20px 0;}
.content .info p { line-height:22px;}
.content h2 { font-size:20px; font-weight: bold; margin:15px 0 20px; }
.content .infocontent { float:right; margin-top:30px; height:110px; border:3px solid #eeeeee; padding:10px; width:190px;}
.content .infocontent h5 { margin:0; padding:0; background:url(icon_titlebg.gif) no-repeat center left; text-indent:16px; line-height:20px; font-size:12px; }
.content .infocontent ul { padding-left:20px; margin-left:5px;}
.content .infocontent li { line-height:22px;  list-style-type:decimal;}

.content .texts h3 { font-size:14px; padding:10px; margin:40px 0 10px 0; background:url(icon_content.gif) no-repeat left center; text-indent:10px; color:#454343; border-top:2px solid #c9cfd7;}
.content .texts h4 {font-size:12px; padding:5px; margin:5px 0; background:url(icon_title.gif) no-repeat left center; text-indent:10px; color:#454343; border-bottom:1px solid #89b0e3; font-weight:normal; }
.content .texts h5 { color:#2971a7; font-size:12px; margin:10px 0;}
.content .texts ul { padding-left:20px; margin-left:5px;}
.content .texts li { list-style-type:square; line-height:22px; color:#484848;}

.content .texts .board { background: url(boardbg.gif); height:100px; width:360px; float:left; margin-bottom:20px;}
.content .texts .left { margin-right:15px;}
.content .texts .board h5 { margin:10px;}
.content .texts .board p { margin:10px; color:#696969;}
.content .texts .boardnew { background:url(boardbg_new.gif);}

.linkurl { padding-right:10px; background:url(icon_linkurl.gif) no-repeat center right;}

.footer { width:960px;  margin:20px auto 10px auto; border-top:1px solid #e8e8e8; color:#949799;}
.footer .info { width:920px; text-align:center;}

.nav-bar { padding: 5px 0; }

.content-workground { width: 940px; border: 1px solid #e5e5e5; margin: 5px auto 20px; overflow: hidden; }
.side-app { background: #ebf0f7; width: 170px; margin-bottom: -20000px; padding-bottom: 20000px; float:left; border-right: 1px solid #d1e0f2; }
.content-app { width: 728px; float: left; padding: 5px 18px; margin-bottom: -20000px; padding-bottom: 20000px; }
.side-app .side-t { background: url(side_t.gif); height: 25px; line-height: 25px; padding: 0 10px; color: #fff; }
.side-app .side-bx { margin: 10px 15px 20px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.side-app .last { border: none; }
.side-bx .app-img { background: #fff; width: 120px; height: 120px; overflow: hidden; border: 1px solid #ccc; padding: 1px; margin: 0 auto; }
.side-bx .app-title { margin: 10px 0 5px; font-size: 12px; }
.side-bx .app-desc { color: #3b3b3b; margin: 0 0 10px; }
.side-bx .app-opt { border-top: 1px dotted #ababab; padding: 10px 0 0; }
.side-app h3 { font-size: 14px; margin: 0 0 10px; }
.user-info dl { margin: 0 0 8px; }
.user-info dt, .user-info dd { margin:0; padding: 0; }
.user-info-detail { margin: 10px 0 0; }
.user-info-opt { margin: 0 0 20px; }
.content-app h1, .head-title { background: url(icon_title.gif) no-repeat 0 10px; margin: 0 0 10px; padding: 5px 5px 2px 10px; font-size: 14px; letter-spacing: 0; color: #000; }
.head-title { font-weight:bold; }
.content-app ol li { list-style: decimal; }
.btn-manage-apps { background: url(btn_mng_apps.gif) no-repeat; display: block; width:105px; height: 24px; line-height: 26px; padding: 0 0 0 16px; overflow: hidden; text-align: center; font-size: 12px; letter-spacing: 0; text-decoration: none; }
.btn-manage-apps:hover { background-position: 0 -24px; }
.app-step { text-align: left; margin: 10px 0 20px; }

.table-form em { margin: 0 0 0 3px; font-weight: bold; }
.table-action { margin: 5px 0 35px; }
.btn { font-weight: bold; width: auto !important; min-width: 60px; width: 60px; text-align: center; }
.btn-large { background: url(btn_large.gif) no-repeat; display: inline-block; display: -moz-inline-stack; *display:inline; zoom:1; width:160px !important; height: 38px; border: none; cursor: pointer; line-height: 38px; font-size: 16px; color: #fff; text-align: center; font-weight: bold; }
a.btn-large { color: #fff; }
.btn-large:hover { background-position: 0 -38px; color: #fff; }
.btn-add-app { background: url(btn_add_app.gif) no-repeat; width: 82px; height: 24px; overflow: hidden; line-height: 26px; font-size: 12px; font-weight: bold; padding: 0 0 0 30px; margin: -3px -5px 0; text-decoration: none; }
.btn-add-app:hover { background-position: 0 -24px; }

.notice .division { border-top: 1px solid #CFCCB5; padding: 10px 10px 0; margin: 10px 0 0; color: #333; }
.notice h3 { margin-bottom: 3px; font-size:16px; }
.table-form td { position: relative; }
.validation-advice { background: #FBE3E4 url(stop.gif) no-repeat 3px 3px; float: right; *position: absolute; *right: 25px; bottom: 0; border: 1px solid #FBC2C4; padding: 0 5px 0 20px; }


.brand-index { padding:10px 0; }
.adv-area { position:relative; width:730px;}
.adv-area-img { position:relative; height:227px; overflow:hidden;}
.adv-area-img-inner { position:absolute;}
.adv-area-img li { float:left;}
.adv-area-ctl { position:absolute; right:10px; bottom:10px;}
.adv-area-ctl li { float:left; margin:0 1px;}
.adv-area-ctl span { background:url(slider_bg.gif) no-repeat; text-align:center; display:block; float:left; height:20px; width:20px; line-height:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer;}
.adv-area-ctl .cur { background-position:0 -20px;}

.index-guide { height:155px; }
.index-guide ul, .index-guide li { margin:0; padding:0; float:left; list-style:none; }
.index-guide ul { margin:0 0 10px; }
.index-guide li { background:url(index_guide.gif) no-repeat 0 -45px; margin:0 5px; width:20px; height:45px; } 
.index-guide .item { background:url(index_guide.gif) no-repeat; border:none; width:auto; padding:0 0 0 15px; height:45px; line-height:45px; color:#fff; cursor:pointer; }
.index-guide .item span {background:url(index_guide.gif) no-repeat right 0; float:left; padding:0 15px 0 0; }
.index-guide .cur { background-position:0 -90px; }
.index-guide .cur span { background-position:right -90px; }
.index-tips-wrap { position:relative; margin:0 0 30px 5px; }
.index-tips-arrow { background:url(index_tips.gif) no-repeat 0 -30px; position:absolute; left:10px; width:20px; height:15px; }
.index-tips-tp, .index-tips-ft, .index-tips-tp .bg , .index-tips-ft .bg { background:url(index_tips.gif) no-repeat; height:14px; overflow:hidden; padding:0 0 0 10px; }
.index-tips-ft { background-position:0 -15px; }
.index-tips-tp .bg { background-position: right 0; padding:0 10px 0 0; }
.index-tips-ft .bg { background-position: right -15px; padding:0 10px 0 0; }
.index-tips-bd { background:#e8f0f6; padding:3px 15px; zoom:1; border-left:1px solid #91c2e6; border-right:1px solid #91c2e6; }


/* 列表形式
-------------------------------------------------------------- */
.items-wrapper { margin:5px;}
.item { border-bottom:1px dashed #ccc; margin:8px 0; position:relative; overflow:hidden; zoom:1;}
.item-img { float:left; width:124px; margin: 0 0 10px; overflow:hidden;}
.item-img a { border:1px solid #ccc; padding:1px; display:block; background:#fff;}
.item-img img { width: 120px; height: 120px; }
.item-title { margin:0 0 10px 170px; font-size:14px; font-weight: bold;}
.item-info { margin:0 20px 5px 170px; zoom:1; line-height:150%;}
.item-desc { margin: 0 20px 15px 170px; overflow:hidden; zoom:1;}
.item-desc dl { float:left; width:180px; line-height:160%; margin:0 0 3px;}
.item-desc dt, .item-desc dd { display:inline; font-weight:normal; margin: 0; }
.item-desc dt { color:#9b9b9b;}
.item-desc ul { margin:0; padding:0; line-height:160%;}
.item-desc li { float:left; width:110px;}

.item-opt { position:absolute; right:0; top:0; color:#000; margin:0; text-align:center;padding:0}
.item-opt li { display:inline; padding:0; margin:0 2px;}
.item-opt *{color:#fff}
.stat-1{background:#FAD163;}
.stat-2{background:#ccc;}
.stat-3{background:#A4141D;}
.stat-0{background:#009900;}


/* pager
-------------------------------------------------------------- */
.pager { padding:3px; margin:15px 10px 3px; font-family: tahoma,helvetica,sans-serif; text-align: right;}
.pager a { border: #ccdbe4 1px solid; padding:2px 8px; color:#0061de; margin-right:2px; text-decoration:none;}
.pager a:hover, .pager a:active { border:#2b55af 1px solid; background:#3666d4; color:#fff;}
.pager span.current { padding:2px 6px; font-weight:bold; color:#000; margin-right:3px;}
.pager span.disabled { display:none;}
.pager a.next { border:#ccdbe4 1px solid;}
.pager a.next:hover { border:#2b55af 1px solid;}
.pager a.prev { border:#ccdbe4 1px solid;}
.pager a.prev:hover { border:#2b55af 1px solid;}

/* 应用配置参数
-------------------------------------------------------------- */
.variableTheme { display:inline-block; background:#FFF; border:1px solid #b8b8b8; *border-top:none; display:-moz-inline-block; *display:inline; zoom:1; width:80%; margin:0 7px 7px 0; vertical-align:top; position:relative;}
.variableTheme caption { width:100%; color:#036; text-align:left; background:#DFE1F5; *border:1px solid #ccc; *border-bottom:none; padding:3px 5px; margin-bottom:5px;}
.variableTheme-hl { background:#fefff5; border:1px solid #9c99c2; *border-top:none;}
.variableTheme-hl caption { background:#d7d7f9; *border:1px solid #9c99c2; *border-bottom:none;}
.variableTheme th { width:60px;}
.variableTheme .delvariable { position:absolute; top:3px; right:7px; text-align:right; color:#C30; width:30px; cursor:pointer;}
.variableTheme .delkey { cursor:pointer; color:#C30;}