body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
body, input, textarea, select { font-family: "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", Tahoma, SimSun; font-size: 12px; line-height: 1.5; color: #666666; }
body { background: url(body_bg.png); -webkit-text-size-adjust: 100%; _background-attachment: fixed; }
input, textarea, select { outline: none; }
input { vertical-align: middle; }
img { border: none; vertical-align: middle; max-width: 100%; }
table { border-collapse: collapse; }
ul, ol { list-style: none outside; }
hr { clear: both; border: none; border-top: 1px solid #DDDDDD; _height: 1px; }

.ul { list-style: disc inside; }
.ol { list-style: circle inside; }
.nl { list-style: decimal inside; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ttu { text-transform: uppercase; }
.vm { vertical-align: middle; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.dn { display: none; }
.db { display: block; }
.pit { cursor: pointer; }
.cf:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
.cf { *zoom: 1; }
.slh { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fw4 { font-weight: 400; }
.fw7 { font-weight: 700; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }

.c0 { color: #000000; }
.c3 { color: #333333; }
.c6 { color: #666666; }
.c9 { color: #999999; }

.ts { text-shadow: 1px 1px 2px #747876; }
.tsb { text-shadow: 1px 1px 0 #FFFFFF; }
.br { border-radius: 5px; }
.brt { border-radius: 5px 5px 0 0; }
.brb { border-radius: 0 0 5px 5px; }
.bs { box-shadow: 1px 1px 3px #DDDDDD; }
.mc { margin-left: auto; margin-right: auto; }

.m5 { margin: 5px; }
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt15 { margin-top: 15px; }
.m15 { margin: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.m20 { margin: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pt20 { padding-top: 20px; }
.p20 { padding: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pr { position: relative; }
.pa { position: absolute; }

.f2 { float: left; width: 50%; *width: 49.9%; }
.f3 { float: left; width: 33.3%; }
.f4 { float: left; width: 25%; *width: 24.9%; }
.f5 { float: left; width: 20%; *width: 19.9%; }

::selection { background: #999999; color: #FFFFFF; }
a { text-decoration: none; outline: none; color: #0099CC; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover { color: #000000; }
.wp { margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px; }

#header { position: fixed; left: 0; top: 0; right: 0; z-index: 10; color: #FFFFFF; background: #444444; padding-top: 3px; padding-bottom: 3px; _width: 100%; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); }
#header a { color: #CCCCCC; }
#header a:hover { color: #FFFFFF; }
#header .logo { margin-left: 10px; }
#header .links { position: absolute; top: 6px; right: 10px; }

#aside { position: fixed; left: 0; top: 30px; bottom: 0; z-index: 10; width: 200px; background: #D4DDE5; border-right: 1px solid #AEB7BF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); _position: absolute; _top: expression(eval(document.documentElement.scrollTop+30)); _height: expression(eval(document.documentElement.clientHeight-30)); }
#nav dl { line-height: 2; }
#nav dl dt { font-weight: 700; text-indent: 18px; }
#nav dl dd { text-indent: 36px; }
#nav dl dd.this { background: #AEB7BF; background: linear-gradient(#AEB7BF, #777D84); }
#nav dl dd.this a { color: #FFFFFF; }
#copyright { position: absolute; left: 10px; bottom: 10px; padding-top: 90px; background: url(logo_s.png) no-repeat; }
#copyright a { text-shadow: 1px 1px 3px #8F8F8F; color: #FFFFFF; }
#copyright a:hover { color: #000000; }

#main { margin-left: 201px; margin-top: 30px; }
#main table { width: 100%; }
#main table tr.even { background: #FFFFFF; }
#main table tr:hover { background: #ECF1F5; }
#main table th { padding: 5px; background: #ECF1F5; text-align: left; white-space: nowrap; }
#main table td { padding: 5px; white-space: nowrap; }
#main table, #main table th, #main table td { border: 1px solid #E0E0E0; }
#main .nodata { background: #FEF5F1; border: 1px solid #CD0A0A; color: #CD0A0A; font-size: 12px; padding: 10px; margin: 5px; }

#path { background: #7E7E7E; color: #FFFFFF; text-indent: 10px; line-height: 30px; height: 30px; }
#notification { background: #ECF1F5; border-bottom: 1px solid #CCCCCC; color: #333333; text-indent: 10px; line-height: 25px; height: 25px; }
#notification.pending { background-color: #FFF1A5; }
#notification.succeed { background-color: #DCFFB8; }
#notification.fail { background-color: #FFF7F4; }
#function { background: #E7E7E7; border-bottom: 1px solid #CCCCCC; padding: 10px 20px; }
#function a { display: inline-block; padding: 3px 15px 3px 30px; color: #666666; line-height: 18px; height: 18px; background: no-repeat 10px center #FEFEFE; border: 1px solid #BBBBBB; box-shadow: 1px 1px 2px #CBCBCB; cursor: pointer; }
#function .back { background-image: url(icon_folder.png); background: url(icon_folder.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); margin-right: 15px; }
#function .save { background-image: url(icon_save.png); background: url(icon_save.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .del { background-image: url(icon_del.png); background: url(icon_del.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .cv { background-image: url(icon_cv.png); background: url(icon_cv.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .folder_add { background-image: url(icon_folder_add.png); background: url(icon_folder_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .user_add { background-image: url(icon_user_add.png); background: url(icon_user_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .userclass_add { background-image: url(icon_userclass_add.png); background: url(icon_userclass_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .topic_add { background-image: url(icon_topic_add.png); background: url(icon_topic_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .link_add { background-image: url(icon_link_add.png); background: url(icon_link_add.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .database { background-image: url(icon_database.png); background: url(icon_database.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .database_del { background-image: url(icon_database_del.png); background: url(icon_database_del.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#function .goup { background-image: url(icon_goup.png); background: url(icon_goup.png) no-repeat 10px center, linear-gradient(#FEFEFE, #E6E6E6); }
#filter { background: #F5F5F5; border-bottom: 1px solid #CCCCCC; padding: 5px 20px; }
#filter .search { padding: 1px 5px; border: 1px solid #C8C8C8; box-shadow: 0 1px 2px #CBCBCB inset; background: #FFFFFF; }

#mainform textarea { width: 680px; height: 100px; }
#mainform textarea.kindeditor { height: 300px; }
#mainform .ipt,
#mainform input[type="text"],
#mainform input[type="password"],
#mainform textarea { padding: 3px 5px; border: 1px solid #C8C8C8; box-shadow: 0 1px 2px #CBCBCB inset; background: #FFFFFF; }
#mainform input[type="text"]:focus,
#mainform input[type="password"]:focus,
#mainform textarea:focus { border-color: #A3A3A3; color: #000000; }
#mainform input[type="button"],
#mainform input[type="submit"],
#mainform input[type="reset"] { padding: 3px 20px; background: #FEFEFE; background: linear-gradient(#FEFEFE, #E6E6E6); border: 1px solid #BBBBBB; box-shadow: 1px 1px 2px #CBCBCB; cursor: pointer; }

#mainform .function { padding: 20px 30px; }
#mainform section { margin: 20px 30px; }
#mainform ul { margin-top: 15px; *zoom: 1; }
#mainform ul:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
#mainform ul li { float: left; margin-right: 20px; }
#mainform label { display: block; color: #999999; text-shadow: 0 1px 0 #FFFFFF; }
#mainform fieldset { padding: 0 15px 15px; border: 1px solid #CCCCCC; border-radius: 8px; margin-bottom: 15px; }
#mainform legend { padding: 0 10px; }

#mainform .tabs { margin-top: 15px; }
#mainform .tabs ol { border-bottom: 1px solid #CCCCCC; *zoom: 1; }
#mainform .tabs ol:after { content: "."; clear: both; visibility: hidden; height: 0; display: block; }
#mainform .tabs ol li { float: left; cursor: pointer; padding-left: 15px; padding-right: 15px; margin-left: 5px; background-color: #FEFEFE; background-image: linear-gradient(#FEFEFE, #E6E6E6); border: 1px solid #CCCCCC; border-bottom: none; height: 25px; line-height: 25px; }
#mainform .tabs ol li.this { background: url(body_bg.png); position: relative; top: 1px; }

.pages { padding: 10px; }
.pages a { padding: 1px 6px; border: 1px solid #CCCCCC; background: #FFFFFF; margin-right: 3px; }
.pages a.this { color: #FF0000; background: #FFFFFF; }

.treeth { position: relative; padding: 5px 10px; border-bottom: 1px solid #DDDDDD; color: #000000; _zoom: 1; }
.treeth div { position: absolute; right: 10px; top: 5px; }
.treeth div span { display: inline-block; width: 80px; }

.ztree li section { position: relative; }
.ztree li section:hover { background-color: #DDDDDD; }
.ztree li section.hide1 a span { color: #BBBBBB; }
.ztree li a i { color: #999999; }
.ztree li div { position: absolute; right: 0; top: 0; }
.ztree li div span { display: inline-block; width: 80px; }
.ztree li div span img { margin-right: 10px; cursor: pointer; }

.qtip-bootstrap { max-height: 280px; min-height: 50px; }

#album img { border: 1px solid #666666; padding: 1px; box-shadow: 1px 1px 3px #666666; max-width: 200px; max-height: 200px; _width: 200px; _height: 200px; margin-right: 10px; margin-bottom: 10px; }