
/*--------public--------------*/
.fl{float:left;}
.fr{float:right;}
.iblk{display:inline-block;*display: inline;*zoom:1;}
.h28{ height:28px; line-height:28px;}
.tll{ text-align:left;}
.tlc{ text-align:center;}
.tlr{ text-align:right;}
*::-moz-focus-inner { border: 0 none;margin: 0; padding: 0;}
:focus { outline: medium none;}
.none { display:none;}
/*clearfloat*/
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{+min-height:0;_height:1%;}

.holder{ visibility:hidden; font-size:0px; height:0px; line-height:0px; width:0px; float:left;}
.dragable{cursor:move;}
/*color*/
.red {color:#db0101;}
.blue{color:#0982e0;}
.green {color:#10af1f;}
.forange {color:#c60}
.gray{color:#666;}
.grey1{color:#999;}
.blue{color:#006699}
.orange{color:#FF6600;}

/*bgcolor*/
.bggray{ background-color:#eee;}

/*icon*/
.icon_tip{ background:url(../images/icon/warning.png) no-repeat center center; width:16px; height:16px; cursor:help; vertical-align: middle; display:inline-block;}
.icon_del{ background:url(../images/icon/cancel.png) no-repeat center center; width:16px; height:16px; cursor:pointer; vertical-align: middle; display:inline-block;}
.icon_file{background:url(../images/file_ico.png) no-repeat center center; width:16px; height:16px; cursor:pointer;vertical-align: middle; display:inline-block;} 


/*file_icon*/
.file_xlsx {background-position: -32px 0;}
.file_docx {background-position: -64px 0;}
.file_ppt,.file_pptx {background-position: -96px 0;}
.file_7z {background-position: -128px 0;}
.file_rar {background-position: -160px 0;}
.file_zip {background-position: -192px 0;}
.file_iso, .file_IFO, .file_VOB {background-position: -224px 0;}
.file_9 {background-position: -256px 0;}
.file_html, .file_htm {background-position: -288px 0;}
.file_js,.file_js {background-position: -320px 0;}
.file_xml,.file_css,.file_ini {background-position: -352px 0;}
.file_hlp {background-position: -384px 0;}
.file_exe,.file_exe {background-position: -416px 0;}
.file_msc {background-position: -448px 0;}
.file_otf, .file_TTF {background-position: -480px 0;}
.file_pdf, .file_pdf {background-position: -512px 0;}
.file_psd, .file_psd {background-position: -544px 0;}
.file_ai,  .file_ai {background-position: -576px 0;}
.file_fla,  .file_fla {background-position: -608px 0;}
.file_swf,  .file_swf { background-position: -640px 0;}
.file_txt,  .file_txt {background-position: -672px 0;}
.file_rtf { background-position: -704px 0;}
.file_reg { background-position: -736px 0;}
.file_3gp, .file_mp4, .file_rm, .file_rmvb {background-position: -768px 0;}
.file_avi { background-position: -800px 0;}
.file_mov {background-position: -832px 0;}
.file_mpeg, .file_mpg, .file_dat {background-position: -864px 0;}
.file_wav, .file_mp3, .file_wma, .file_flac, .file_midi, .file_ape { background-position: -896px 0;}
.file_jpg {background-position: 0 -32px;}
.file_gif {background-position: -32px -32px;}
.file_png {background-position: -64px -32px;}
.file_bmp {background-position: -96px -32px;}
.file_tif {background-position: -128px -32px;}
.file_emf { background-position: -160px -32px;}
.file_whf { background-position: -192px -32px;}
.file_ico {background-position: -224px -32px;}
.file_raw {background-position: -256px -32px;}
.file_40 {background-position: -288px -32px;}
.file_dll {background-position: -320px -32px;}
.file_torrent,  .file_torrent {background-position: -352px -32px;}

/*height*/
.h20{height:20px;}
.h140{height:140px;}
/*line-height*/
.lh20{line-height:20px;}
/*min-height*/
.mh140{min-height:140px;_height:140px;}
.mh170{min-height:170px;_height:170px;}
.mh190{min-height:190px;_height:190px;}

/*-----------login-------------*/
.login_box{ margin:5px auto; width:230px; min-height:140px;_height:140px;  float:left; background:url(../images/tcbg.gif) right top repeat-y;}
.login_box .msg{ text-align:left; line-height:22px; padding:10px 5px;}
.login_box .tipmsg{line-height: 22px;padding: 10px 5px;text-align: left;}
.login_box .msgtip{position:absolute;bottom:5px;}
.login_box .msg a,.login_box .msg_lk a{ line-height:22px; text-decoration:underline; color:#159af9;}
.msg_miss{ border:1px solid #b2dfff; background: url(../images/miss.jpg) no-repeat 5px 5px #ecf7fe; padding:2px 5px 2px 25px; line-height:20px; color:#159af9; }
.login_box ul{ padding:5px 0px;}
.login_box ul li{ height:30px; color:#333; line-height:30px; width:230px;}
.login_box ul li label{ width:47px; display:inline-block;}
.login_box ul li input{ width:140px; border:1px solid #b2dfff; background-color:#ecf7fe; height:21px; line-height:21px;}
.login_box ul li a{  display:inline-block; text-align:left; color:#257ed1; padding-left:10px; text-decoration:underline;}
.common_box2{ float:left; width:168px;}
.common_box2 p{ text-align:center; line-height:20px; color:#257ed1; margin:10px 0px; }
.zhuce{ width:87px; height:34px; margin:0 auto;}
.zhuce a,.intro em{background:url(../images/btn_bg2.gif) no-repeat;}
.zhuce a{ width:87px; height:34px; display:block; text-align:center; line-height:34px; background-position: 0 0 ; color:#000000; text-decoration:none;}
.zhuce a:hover{ background-position:0px -36px;}
.intro{ padding:31px 0 0 68px;}
.intro a{ float:left;display: inline; width:80px; height:20px; line-height:20px; position:relative; color:#257ed1;}
.intro em{ background-position:-95px -17px; display: inline; width:19px; height:19px; float:left;}
.intro a span{ display:none; z-index:99;}
.intro a:hover{ background: none; position:relative;}
.intro a:hover span{ display:block;z-index:99; width:140px; height:auto; position:absolute; bottom:20px; right:0px; background:#ecf7fe; border:1px solid #b2dfff; padding:8px; color:#333333; line-height:18px; text-indent:2em;}
/*tipbox*/
.common_tipbox{ border: 1px solid #ccc; padding:5px 10px; border-radius:5px;  box-shadow:1px 1px 2px rgba(0,0,0,.2); background-color:#fff;}
.common_tipbox .cntBox{margin:6px 0px;}
.common_tipbox p { line-height:1.5 }
.common_tipbox p img{ vertical-align:top;}
.common_tipbox .close-ico{ position:absolute; right:5px; top:5px; height:8px; line-height:8px;}
.common_tipbox .common_tipbox-direction{position: absolute; }
.common_tipbox .common_tipbox-direction em,.common_tipbox .common_tipbox-direction span{ height: 19px; width: 17px; font-family: Simsun; font-size: 16px;line-height: 21px; overflow: hidden;position: absolute;}
.common_tipbox .common_tipbox-direction em{color: #ccc; }
.common_tipbox .common_tipbox-direction span{color: #fff; }
.common_tipbox .common_tipbox-dir1{left: 50%; margin-left:-8px; bottom:9px; }
.common_tipbox .common_tipbox-dir1 span{ top:-1px}
.common_tipbox .common_tipbox-dir2{top: 50%; margin-top:-8px; left:-8px; }
.common_tipbox .common_tipbox-dir2 span{ left:1px}
.common_tipbox .common_tipbox-dir3{left: 50%; margin-left:-8px; top:-10px;*top:-11px; _top:-10px;}
.common_tipbox .common_tipbox-dir3 span{ top:1px}
.common_tipbox .common_tipbox-dir4{top: 50%; margin-top:-8px; right:7px; }
.common_tipbox .common_tipbox-dir4 span{ left:-1px}
.common_notice-tip { width:200px; margin:0px;}
.common_notice-tip  p { line-height:22px }
/*--------------public-----------*/
.page_nav {font-size: 12px;line-height: 30px;text-align: center;}
.page_nav a{ background-color: #F8F8F8;border: 1px solid #DBD9D9;color: #777777;padding: 1px 6px;text-decoration: none;}
.page_nav a:hover, .page_nav a.pre:hover, .page_nav a.next:hover {background: none repeat scroll 0 0 #333;color: #FFFFFF; text-decoration: none;}
.page_nav span.current {background: none repeat scroll 0 0 transparent;border: medium none;padding: 1px 12px; font-weight:bold;color:#f60; }
.page_nav a.disabled {color: #C8C8C8;}
.page_nav a.pre, .page_nav a.next {background-color: #F8F8F8;border: 1px solid #DBD9D9;}
.page_nav a.dis_next{color: #CCCCCC;}
.page_nav a.dis_pre, .page_nav a.dis_next, .page_nav a.pre, .page_nav a.next {overflow: hidden; padding: 1px 6px;}
/*--------------errotip-----------*/
.operating_tips{height:50px; background:url(../images/tipsbg.gif) no-repeat 0 -51px; padding-left:18px;left:50%; display: inline;float: left;}
.tips_main {height:50px;background:url(../images/tipsbg.gif) repeat-x right 0;padding-right:30px; line-height:50px; font-size:14px; float:left;}
.tips_main span { height:50px;}
.loading_img,.success_img,.error_img ,.warm_img{width:35px;float:left; background-repeat:no-repeat; background-position:0 center;}
.loading_img{background-image:url(../images/ajax-loader.gif);}
.success_img,.error_img,.warm_img { background-image:url(../images/tip_layer.png);}
.success_img {background-position:0 11px;}
.error_img {background-position:0 -102px;}
.warm_img {background-position:0 -157px; width:50px;}





/**UI**/

/*input*/
.ipt{border: 1px solid #DCE0E1; padding:2px; background-color:#fff;}

/*calender*/
.st_ui_calender_cnt{height:100%;text-align:center;cursor:default; background-color:#fff;}
.st_ui_calender_cnt .head{background-color:#fff;height:24px;}
.st_ui_calender_cnt .head a{ text-decoration:none;display:inline-block;height:13px;width:13px; line-height:13px;}
.st_ui_calender_cnt .head a.lbtn{background: url("../images/left.gif") no-repeat;}
.st_ui_calender_cnt .head a.lbtn:hover{background: url("../images/left1.gif");}
.st_ui_calender_cnt .head a.rbtn{background: url("../images/right.gif") no-repeat;}
.st_ui_calender_cnt .head a.rbtn:hover{background: url("../images/right1.gif");}
.st_ui_calender_cnt .tle{height:22px;line-height:22px; width:160px;}
.st_ui_calender_cnt .tle table{background-color:#e3e3e3;}
.st_ui_calender_cnt .cmt{vertical-align:top;padding:5px 1px 3px 1px;background-color:#fff;}
.st_ui_calender_cnt .cnt{width:100%;height:100%;}
.st_ui_calender_cnt .cnt a{ height:22px; line-height:22px;}
.st_ui_calender_cnt .cal_on{background:#8CC168;}
.st_ui_calender_cnt .bgdate1{ background:url("../images/date/1.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate2{background:url("../images/date/2.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate3{background:url("../images/date/3.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate4{background:url("../images/date/4.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate5{background:url("../images/date/5.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate6{background:url("../images/date/6.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate7{background:url("../images/date/7.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate8{background:url("../images/date/8.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate9{background:url("../images/date/9.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate10{background:url("../images/date/10.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate11{background:url("../images/date/11.gif") no-repeat center center;}
.st_ui_calender_cnt .bgdate12{background:url("../images/date/12.gif") no-repeat center center;}

/*msgbox*/
.wrap_out{padding:5px;background:#eee;box-shadow:0 0 6px rgba(0,0,0,.5);-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);position:absolute;z-index:2000;}
.wrap_in{background:#fafafa;border:1px solid #ccc;}
.wrap_bar{width:100%;background:#f7f7f7;border-top:3px solid #f9f9f9;border-bottom:4px solid #eee;margin-top:2px; cursor:move;}
.wrap_title{background:#f3f3f3;border-top:4px solid #f5f5f5;border-bottom:5px solid #f1f1f1;margin-top:3px;}
.wrap_title span{position:relative;margin-left:10px;cursor:text; font-weight:700;font-size:14px;}
.wrap_body{border-top:1px solid #ddd;background:white; overflow-y:auto;}
.wrap_close{margin-right:10px;color:#34538b;font-weight:bold;font-family:Tahoma;text-decoration:none;cursor:pointer;float:right; font-size:14px;}
.wrap_close:hover{text-decoration:none;color:#f30;}
.wrap_remind{padding:10px 10px;}
.wrap_remind p{}

.wrap_in .btn_area{ padding:5px 2px; text-align:center;}
.wrap_in .general-btn,.wrap_in .general-btn input {background: url("../images/btn_bg.png") no-repeat scroll 0 bottom transparent;}
.wrap_in .general-btn { background-position: 0 0;display: inline-block;height: 34px;text-decoration: none; }
.wrap_in .general-btn input {background-position: right -39px;color: #333333; cursor: pointer;height: 34px; margin-left:4px;padding:6px 8px 6px 4px;  border:none;}
.wrap_in .general-btn:hover {background-position: 0 -78px;}
.wrap_in .general-btn:hover input {background-position: right -117px;}


/*select*/
input.st_ui_select,.st_ui_select{ padding:0px 16px 0px 2px; border: 1px solid #DCE0E1;cursor:pointer; background:url(../images/select_on.gif) no-repeat #fff right; line-height:22px; height:22px;}
/*contentMenu*/
.st_ui_contentMenu{padding:1px; border:1px solid #B8CBCB; background-color:#fff;box-shadow:"2px 2px 5px #666";display:block; min-width:120px;*width:120px;}
.st_ui_contentMenu li{position:relative;height:25px; line-height:24px; }
.st_ui_contentMenu li .st_ui_contentMenu{width:100%; position:absolute; left:100%;top:-1px; margin-left:-5px; display:none}
.st_ui_contentMenu li:hover,.st_ui_contentMenu .li_hover{background-color:#348CCC;}
.st_ui_contentMenu li:hover .st_ui_contentMenu,.st_ui_contentMenu .li_hover .st_ui_contentMenu{ display:block;}
.st_ui_contentMenu a{display:block;padding:0 20px; color:#000; font-size:12px; text-decoration:none; white-space: nowrap; overflow:hidden;}
.st_ui_contentMenu .separate{border-bottom:1px solid #B8CBCB;font-size:0px;line-height:0px;height:0px;margin:2px;}
.st_ui_contentMenu .triangle{border-color: transparent transparent transparent #666666;border-style: dashed dashed dashed solid;border-width: 5px;height: 0;overflow: hidden;position: absolute; right: 5px;top: 7px;width: 0;}
/*login
.wrap_in .mb_log_btn{color:#fff;margin-left:140px;  margin-bottom:5px;display:inline;}
.wrap_in .rememb{ margin:5px 0;}
.rememb a{ color:#257ed1; text-decoration:underline; margin:0 20px 0px 60px;}
.rememb span{ padding-left:5px;}
*/
.wrap_in .mb_log_btn{color:#fff; margin-bottom:5px;display:inline;}
.wrap_in .rememb{ margin:5px 0;}
.rememb_forget{color:#257ed1; text-decoration:underline; margin:0 20px 0px 60px;}
.rememb span{ padding-left:5px;}
/*editor*/
.st_ui_editor {margin:0 auto; border-color: #AAAAAA #DDDDDD #DDDDDD #AAAAAA; border-style: solid;border-width: 1px; color: #333333;font: 12px/1.5 Arial;}
.st_ui_editor .editor_toolbar{background: none repeat scroll 0 0 #F6F6F6;border-bottom: 1px solid #E2E2E2;overflow: hidden;width: 100%;}
.st_ui_editor .editor_toolbar ul{padding:3px;}
.st_ui_editor .editor_toolbar li{ line-height:23px; height:23px;}
.st_ui_editor a.bn{background-image: url("../images/editor/tinymce.gif"); display:inline-block; margin:1px 2px;text-decoration: none; width:20px; height:20px;}
.st_ui_editor a.bn:hover,.st_ui_editor a.active{ border:1px solid #71C3F2;}
.st_ui_editor .editor_frame{}
.st_ui_editor .editor_bottom{ background: none repeat scroll 0 0 #F6F4F5;border-top: 1px solid #EAEAEA;color: #C0C0C0;height: 23px;line-height: 23px;padding: 0 10px;}

/*panel*/
.panel{border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;border-radius: 2px 2px 2px 2px;border-style: solid;border-width: 1px;box-shadow: 2px 2px 2px #BBBBBB;color: #404040; background:#fff;}
.panel_tab{padding:5px 5px 0px 5px;border-bottom: 1px solid #CCCCCC; height:23px;}
.panel_tab ul{}
.panel_tab li{color:#006699;height: 22px;width: 68px; text-align:center;  line-height:22px; background-color:#fff; border-color: #CCCCCC;border-style: solid solid none;border-width: 1px 1px 0; float:left; cursor:pointer;}
.panel_tab li.current{height:23px;color:#555;}
.panel_upload{height:25px; line-height:25px;padding: 0 5px; position: relative;}
.panel_table{border:1px #ccc solid; margin:5px;}
.panel_head{padding:0px 10px; border-bottom:1px solid #ccc; height:20px; line-height:20px; background-color:#EFEFEF;}
.panel_body{}
.panel_foot{text-indent:10px; border-top:1px solid #ccc; height:20px; line-height:20px; background-color:#EFEFEF; }
.upload_startBtn{ position:absolute;top:0px; left:68px; cursor:pointer;}

/*face_panel*/
.face_panel{width:222px; height:200px;}
.face_faceList{height:170px;overflow-y: auto;}
.face_faceList ul{padding: 10px;}
.face_faceList li{float:left;}
.face_faceList li a{display:inline-block;height:38px;width:38px;overflow: hidden;padding: 3px;text-align: center;border: 1px solid #E4E4E4;}
.face_faceList li a:hover{border:1px solid #84C9FF;}
.face_faceList li img{ width:36px; height:36px;}

/*img_panel*/
.img_panel{width:400px; /*height:250px;*/}


/*table*/
.st_ui_table{}
.st_ui_table thead { background-color:#eee; border-bottom:1px solid #ccc;}
.st_ui_table tbody td{ vertical-align:top;text-align:center;}
.st_ui_table tfoot{background-color:#eee;border-top:1px solid #ccc;}

/*scroll*/
.st_ui_scroll{ overflow-y:auto;}



.st_notice{background-color: #FFFFE1;border-color: #CCCCCC;padding: 2px 5px;border-style: solid; border-width: 1px;color: #565656;}
.stberr{margin-left:5px;}
.formErr{background: url("../images/regwrong.png") no-repeat scroll 6px 2px #FFF2F5; border: 1px solid #EBADB0;color: #B52726; padding-left: 28px;line-height: 16px;max-width: 290px;  padding: 2px 10px 2px 25px;word-wrap: break-word;border-radius:3px;box-shadow:1px;}
/*droplist*/
.droplist { background: none repeat scroll 0 0 #FFFFFF;overflow-x: hidden;overflow-y: auto; z-index:1500; border:1px solid #999; }
.droplist_hover{ background-color:#eee;color:#000;}
.droplist ul{ display:block; background:#f5f5f5;}
.droplist li {display:block; border-bottom: 1px solid #DDDDDD; border-top:1px solid #fff; white-space: nowrap; height:22px;}
.droplist li a{display: block; height: 22px;line-height: 22px;padding-top: 1px;text-indent: 2px;width:100%;}
.droplist li a:hover{ background-color:#E5f3dc;}

/*自定义滚动条UI*/
.st-ui-scroll-c{position:relative;top:0px;z-index:999;zoom:1;}
/*垂直滚动条*/
.st-ui-scroll-e{ height:100%;top:0px;right:3px;-moz-user-select:none;position:absolute;overflow:hidden;z-index:1000; width:15px;background: url("../images/scroll/s_bg.gif") repeat-y scroll right 0 transparent; }
.st-ui-scroll-e .st-ui-scroll-u{position:absolute;top:0px;width:100%;left:0;overflow:hidden;background: url("../images/scroll/s_bg.gif") repeat scroll 0 0 transparent; height:15px;}
.st-ui-scroll-e .st-ui-scroll-u:hover,.st-ui-scroll-e .st-ui-scroll-u_hover{ background-position:-15px 0;}
.st-ui-scroll-e .st-ui-scroll-h{-moz-user-select: none;background: url("../images/scroll/s_bg.gif") repeat-y scroll -45px 0 transparent;border: 1px solid #BCBCBC;height:30px;left: 0;position: absolute; top:15px;width:13px;}
.st-ui-scroll-e .st-ui-scroll-h:hover,.st-ui-scroll-e .st-ui-scroll-h_hover{ background-position:-58px 0;}
.st-ui-scroll-e .st-ui-scroll-d{position:absolute;bottom:0px;width:100%;left:0;overflow:hidden;background: url("../images/scroll/s_bg.gif") repeat scroll 0 -15px transparent; height:15px;}
.st-ui-scroll-e .st-ui-scroll-d:hover,.st-ui-scroll-e .st-ui-scroll-d_hover{ background-position:-15px -15px;}
/*水平滚动条*/
.st-ui-scroll-a{width:100%;bottom:3px;-moz-user-select:none;position:absolute;overflow:hidden;z-index:1000; height:15px; background:#999;}
.st-ui-scroll-a .st-ui-scroll-u{position:absolute;top:0px;left:0px;overflow:hidden;background:#333;width:15px;height:100%;}
.st-ui-scroll-a .st-ui-scroll-u:hover,.st-ui-scroll-a .st-ui-scroll-u_hover{ background:#666;}
.st-ui-scroll-a .st-ui-scroll-h{border: 1px solid #BCBCBC; background:#F6F6F6; position:absolute;left:15px;height:13px;}
.st-ui-scroll-a .st-ui-scroll-h:hover,.st-ui-scroll-a .st-ui-scroll-h_hover{ background:#fff}
.st-ui-scroll-a .st-ui-scroll-d{position:absolute;right:0px;bottom:0px;overflow:hidden;background:#333;width:15px;height:100%;}
.st-ui-scroll-a .st-ui-scroll-d:hover,.st-ui-scroll-a .st-ui-scroll-d_hover{background:#666;}


/*请其他人不要修改Public.css*/