html, body { background: #f8f8f8; font-family: "Microsoft YaHei"; color: #5c5c5c; height: 100%; }
a:link { color: #5c5c5c; text-decoration: none; }
a:hover { color: #1070ae; }
#code_img { height: 32px; padding: 0 10px 0 5px; vertical-align: middle; cursor:pointer }
.mem-tr { background: #ebf3fa; }
.mem-border { border: 1px solid #cecece; }
.mem-b-border { border-bottom: 1px solid #cecece; }
.mem-r-border { border-right: 1px solid #cecece; }
.mem-margin { margin: 10px; }
.mem-t-margin { margin-top: 20px; }
.mem-b-margin { margin-bottom: 20px; }
.mem-padding { padding: 10px; }
.icon-article { background: url("../img/icon.png") -12px -42px no-repeat; }
.icon-count { background: url("../img/icon.png") -12px -92px no-repeat; }
.icon-message { background: url("../img/icon.png") -12px -146px no-repeat; }
.icon-arlist { background: url("../img/icon.png") -11px -201px no-repeat; }
.icon-data { background: url("../img/icon.png") -12px -248px no-repeat; }
.icon-alter { background: url("../img/icon.png") -12px -306px no-repeat; }
.icon-password { background: url("../img/icon.png") -12px -363px no-repeat; }
.icon-logout { background: url("../img/icon.png") -12px -428px no-repeat; }
.icon-plus { background: url("../img/icon.png") -9px -476px no-repeat; }
.icon-person { background: url("../img/icon.png") -12px 10px no-repeat; }
.mem-login, .infobox, .regbox { background: #fff; border: 1px solid #ededed; border-radius: 5px; height: 425px; width: 700px; margin: 5% auto; }
.infobox { text-align: center; height: auto; }
.infobox h2 { font: 16px/28px "microsoft yahei", heiti; border-bottom: 1px solid #ededed; padding: 10px 0 }
.infobox h3 { font: 20px/40px "microsoft yahei", heiti; color: #57a5d9; padding: 20px 0; }
.infobox p { font: 12px/22px "microsoft yahei", heiti; padding: 10px 0 }
.regbox { height: auto; }
.login-header, .reg-header { background: #57a5d9; border-radius: 5px 5px 0 0; color: #fff; height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; }
.login-header strong { font-size: 20px; float: left; }
.login-header span { float: right; }
.login-header  a{ color:#FFF}
.login-form { padding: 30px 0 0 140px; font-size: 16px; }
.login-form li { margin-top: 12px; padding-left: 80px; overflow: hidden;/*width: 260px;*/ }
.login-form li strong { float: left; line-height: 40px; margin-left: -80px; text-align: right; width: 80px; font-size: 14px; font-weight: 100; }
.login-input, .login-yzm { border: 1px solid #ccc; border-radius: 2px; color: #555; height: 25px; line-height: 25px; padding: 4px 6px; vertical-align: baseline; }
.login-input { width: 311px; }
.login-yzm { width: 100px; }
.login-img { height: 32px; padding: 0 10px 0 5px; vertical-align: middle; }
.mem-login li span { font-size: 12px; }
.mem-login select { height: 35px; width: 115px; margin-right: 5px; }
.login-btn { border: none; border-radius: 5px; color: #fff; cursor: pointer; height: 42px; width: 385px; float: left; font-weight: bold; margin-right: 30px; }
.reg-btn { border: none; border-radius: 5px; color: #fff; cursor: pointer; height: 42px; width: 205px; float: left; font-weight: bold; margin-right: 30px; }
.input-blue { background: #5a98de; }
.input-grey { background: #ea6b00; }
.input-yellow { background: #de955a; }
.no-padding { padding: 20px 0 0 20px !important; }
.regbox { background: #fff; border: 1px solid #ededed; border-radius: 5px; margin: 30px auto; width: 740px; }
.regbox h2 { color: #1070ae; line-height: 40px; font-size: 18px; font-weight: 500; padding: 10px; }
.regbox li { color: #666; }
.regbox li strong { color: #f00; }
.regbox tr { border: none; }
.reg-form { padding: 10px 20px; }
.mem-name { font-size: 14px; color: #1070ae; letter-spacing: 1px; }
.mem-tips { background: #fff; border: 1px solid #cecece; padding: 10px; margin: 10px; }
.mem-tips p { font-size: 16px; line-height: 32px; padding-bottom: 5px; }
.mp-icon { background: url("../img/icon.png") -12px 4px no-repeat; padding-left: 20px; }
header { height: 160px; background: url(../img/header_bg2.jpg?v=1.0) 0 0 repeat-x; }
.header-placer { float: left; padding-top: 40px; padding-left: 30px; }
.header-placer>div { float: left; }
.logo img { width: 320px; }
.channel-name { font-size: 30px; color: #fff; padding: 6px 0 6px 20px; border-left: 1px solid #1a77be; margin: 12px 0 0 20px; }
.channel-name .jiaocheng{font-size:14px; text-align:right}
.channel-name .jiaocheng a{ font-size:16px; color:#013252}
.mem-content { overflow: hidden; width: 100%; }
.mem-left { border-right: 1px solid #cecece; width: 260px; /*padding-top: 1px;*/ float: left; margin: -1px 0 0 -100%; height: 100%; }
.mem-right { float: left; height: 100%; width: 100%; }
.mem-r-content { background: #fff; margin-left: 261px; height: 100%; }
.mem-footer { clear: both; background: #f8f8f8; border-top: 1px solid #cecece; padding: 20px 0; font-size: 12px; }
.mem-link { margin: 0 auto; width: 1000px; }
.mem-link-left { float: left; width: 250px; }
.mem-link-left select { display: block; margin: 10px 0; }
.mem-link-right { float: left; width: 750px; }
.mem-link-right li { font-size: 12px; line-height: 25px; float: left; width: 150px; }
.copyright { clear: both; margin: 0 auto; text-align: center; width: 1000px; line-height: 25px; }
.m-person a { color: #1070ae; font-size: 16px; font-weight: bold; padding-right: 10px; }
.m-person li { line-height: 25px; }
.mem-func-list li { background: #fff; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; font-size: 16px; height: 46px; line-height: 46px; margin-bottom: -1px; padding-left: 24px; }
.mem-func-list li span { float: left; height: 46px; width: 25px; }
.mem-mesbar { padding: 20px 20px 20px 25px; }
.mem-mesbar span { padding: 0 5px; }
.mem-mesbar strong { color: #333; font-size: 18px; font-weight: 600; letter-spacing: 1px; }
.mem-main { padding: 15px 20px; }
.mem-panel { border: 1px solid #cecece; margin-bottom: 25px; }
.mem-title { background: #57a5d9; height: 45px; line-height: 45px; padding: 0 10px; }
.bkg-sucess { background: #66ccb8!important; }
.bkg-warning { background: #d96c6e!important; }
.bkg-rejection { background: #555!important; }

.mem-title h2 { color: #fff; font-size: 16px; float: left; }
.mem-title a, .mem-title span { color: #fff; float: right; }

.mem-table-form table { width: 100%; }
.mem-table-form tr { border-top: 1px solid #cecece; height: 45px; }
.mem-table-form th { color: #000; font-weight: bold; }
.mem-table-form th, td { padding: 0 10px; }
.mem-button-list { overflow: hidden; margin-bottom: 20px; height: 30px; }
.mem-button-list li { float: left; margin-right: 10px; }
.td_right { padding-right: 20px; text-align: right; }
.mem-table-form span { color: #f00; }
.mem-table-form input { height: 25px; padding: 0 5px; }
.mem-table-form .iftransfer, .mem-table-form .radio { margin-top: 5px; height: auto; }
.mem-table-form textarea, .mem-form-edit { margin: 10px 0; }
.mem-table-form textarea { padding: 5px 10px; }
.mem-form-edit span { color: #333; padding: 0; }
.mem-alert-mes { font-size: 18px; font-weight: bold; }
.mem-alert-mes a { color: #f00; }
.mem-button-list a, .mem-table-form .btn { background: #5a98de; border: none; border-radius: 3px; cursor: pointer; color: #fff; display: block; float: left; font-weight: bold; height: 30px; line-height: 30px; padding: 0 12px; }
.mem-table-form .btn { margin-right: 10px; }
.mem-button-list a:hover, .mem-table-form .btn:hover { opacity: .8; color: #fff; text-decoration: none; }
.mem-button-list a:visited { color: #fff; }
.mem-search { border-top: 1px solid #cecece; height: 45px; line-height: 45px; text-align: center; padding: 0 10px; }
.mem-search .btn { margin: 6px 10px 0; }
/*·­Ò³*/
.page_all { font-family: "arial"; margin: 20px 0; padding: 6px; text-align: center }
.page_all a { color: #444; margin: 2px; padding: 5px 8px; text-decoration: none; border: 1px solid #e0e0e0; }
.page_all a:hover { background: #57a5d9; color: #fff; text-decoration: none; border: 1px solid #57a5d9; }
.page_all a:active { border: 1px solid #C33; color: #000000 }
.page_all span.current { background: #57a5d9; border: none; color: #fff; font-weight: bold; margin: 2px; padding: 5px 8px; border: 1px solid #57a5d9; }
.page_all span.disabled { background: #f4f4f4; color: #CECECE; margin: 2px; padding: 5px 8px }
.page_all span.info { padding-right: 5px }
.sub_rows .tt h2 { font: bold 16px/40px "microsoft yahei", heiti; }

.mem-page{padding:6px;margin:3px;text-align:center; font-family: "\5B8B\4F53";font-size: 14px;}
.mem-page a{border:#4695C6 1px solid;padding:5px 8px;font-weight:bold;margin:2px;color:#fff;background-color:#4695C6;text-decoration:none;}
.mem-page span{border:#DBDBDB 1px solid;padding:5px 8px;margin:3px;color:#CECECE;}