@charset "utf-8";

/**
 * FF CSS 框架（12格模式）
 *
 * CSS 根据项目不同，变化较大，框架仅作参考模板，直接在此基础上变更和添加，紧凑型代码表示框架代码，标准 CSS 规范和间隙表示项目 CSS 样式
 * CSS 内容共五部分：1、CSS 重置； 2、公共类定义； 3、主体 CSS； 4、响应式 CSS； 5、页面 CSS 贯穿到前四部分，空出一行
 *
 * @author  Fufu
 * @update  2013-07-30
 */


/* CSS 重置 */
html,body,.bodytable{width:100%;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img,iframe{border:0}img{-ms-interpolation-mode:bicubic;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;width:auto9}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}body{font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",\5fae\8f6f\96c5\9ed1,arial,STHeiti,"Heiti SC";color:#252525;word-wrap:break-word;background:#fff;}input,textarea,select,option,button{font-family:inherit;font-size:inherit;*font-size:100%;font-weight:inherit}input.button,button{cursor:pointer;overflow:visible}legend{color:inherit}a:focus,textarea:focus,input:focus{outline:0 none;}textarea{overflow:auto;resize:none;vertical-align:top;}label[for],input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;}input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;}button,input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}audio,canvas,video{display:inline-block;zoom:1;}audio:not([controls]){display:none;}*[hidden]{display:none;}::-webkit-input-placeholder{color:#999;}input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}a{color:#252525;text-decoration:none;-webkit-transition:color .3s linear,border-color .3s linear,text-shadow .3s linear;-moz-transition:color .3s linear,border-color .3s linear,text-shadow .3s linear;transition:color .3s linear,border-color .3s linear,text-shadow .3s linear}a:hover{color:#06c}a strong{cursor:pointer}hr{border:0 none;height:1px;background:#e9f8d3}

/* 公共类定义 */
@font-face {font-family:"icon";src:url("/v/images/font/icon.eot");src:url("/v/images/font/icon.eot?#iefix") format("embedded-opentype"),url("/v/images/font/icon.woff") format("woff"),url("/v/images/font/icon.ttf") format("truetype"),url("/v/images/font/icon.svg#svgFontName") format("svg");}
#wrap,#header,#main,#body,#footer{clear:both;display:block;overflow:hidden;}
select{height:24px;line-height:24px;padding:1px;*margin-top:4px;}
.radio-vlign{vertical-align:middle;margin-top:-2px;margin-bottom:1px;}
div.clear,span.clear{background:0;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.table, .ftable {border-color:#e5e5e5;}
.table td, .ftable td, .ftable th {padding:2px 5px;font-size:100%;line-height:1.8;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.newpageword{page-break-after:always;display:none;}
.fixed{position:fixed;clip:rect(0 100% 100% 0);_position:absolute;bottom:0;left:0;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);}
.radius{-webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;border:#ddd solid 1px;padding:4px;}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mr36{margin-right:36px;}
.cb5,.cb8,.cb10,.cb15,.cb100{clear:both;display:block;font-size:1px;height:5px;overflow:hidden;}
.cb8{height:8px;}
.cb10{height:10px;}
.cb15{height:15px;}
.cb70{height:70px;}

/* 主体 CSS */
.row{height:auto;overflow:hidden;clear:both;margin-left:-20px;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.aside,.main{display:inline;float:left;margin-left:20px;}
.first{margin-left:0;clear:left;}
.last{margin-right:0;}
.wrapper{width:1000px;margin:0 auto;clear:both;height:auto;overflow:hidden;}
.c1{width:65px;}.c2,.aside{width:150px;}.c3{width:235px;}.c4{width:320px;}.c5{width:405px;}.c6{width:490px;}.c7{width:575px;}.c8{width:660px;}.c9{width:745px;}.c10,.main{width:830px;}.c11{width:915px;}.c12{width:1000px;}
#vfmsg,.vfmsg{background:#ffffeb;border:#f3eaba 1px solid;text-align:left;color:#bc9775;padding:5px 5px 6px 9px;font-size:14px;clear:both;display:none;margin:10px 0;line-height:24px;border-radius:2px;}
.vfmsg{display:block;}
#vfmsg i,.vfmsg i {display:inline-block;font-size:14px;font-style:normal;}
#vfmsg i em,.vfmsg i em,.icon {font-family:"icon";font-size:16px;display:inline-block;padding-right:3px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ftxt{background-color:#fff;border:1px solid #bababa;color:#252525;height:16px;font-size:12px;line-height:16px;outline:0;border-radius:2px;margin:1px 5px 0 0;padding:5px;*vertical-align:middle;width:120px;}
.ftxtf,textarea:focus{background-color:#ffffeb;border:1px solid #E6AE4E;box-shadow: 0 0 5px rgba(255,153,0,1);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.fbtn {padding:0 1.5em 1px;*padding:0 0.5em;text-decoration:none;height:31px;line-height:31px;font-size:14px;letter-spacing:2px;background:#ff981d;text-align:center;border:0;border-radius:2px;cursor:pointer;display:inline-block;overflow:hidden;color:#fff;font-family:"Microsoft YaHei";}
.ferror{border:1px solid #c50;}
.fbtnf,.fbtn:hover{background:#fc8302;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
textarea{border:1px solid #bababa;color:#252525;font-size:12px;line-height:18px;border-radius:2px;text-shadow:-1px -1px #efefef;margin-right:5px;padding:5px;}
.page a.fbtn {color:#fff;}
.w30{width:35px;}
.w120{width:120px;}
.w75{width:75px;}
.w60{width:60px;}
.w84{width:84px;}
.h35{height:35px;}
.w80p{width:80%;}
.w5w{width:108px;}
.w5ws{width:95px;}
.nowrap{white-space:nowrap;}
.red{color:#f30;}
.ymobile,.fprint,.pagebreak{display:none;}

body { background: #10893E; color: #cfc; clear: both; }
a { color: #cfc; }
a:hover { color: #8fdd89; }

.formbox { width: 692px; }
    .fheader { border: 1px solid #ddd; text-align: center; }
    .ffform q { color: #006AC1; word-wrap:break-word; word-break:break-all; padding-right: 3px; }
    .ffform, .viewbox { border: 1px solid #ddd; display: block; overflow: hidden; }
    .ffform h2, .listbox h2, .viewbox h2.vtitle, .fheader h2 { text-align: center; line-height: 2; color: #c50; font-size: 16px; padding: 10px; clear: both; border-bottom: 1px solid #ddd; }
    .fheader h2, .fheader { border-bottom: none; }
    .fheader p { padding-bottom: 15px; }
    .ffform h3, .listbox h3 { line-height: 2; color: #c50; font-size: 13px; padding: 10px; clear: both; border-bottom: 1px solid #aaa; }
    .fbox, .fbox0, .fbox2, .fbox3, .fbox00, .fbox003 { width: 210px; float: left; border-bottom: 1px solid #ddd; padding: 6px 10px; line-height: 31px; }
    .fbox2 { width: 440px; }
    .fbox3 { width: 670px; overflow:auto; _zoom:1; overflow:hidden; }
    .fboxbig .fbox3, .fbox003 { width: 100%; }
    .fbox0, .fbox00, .fbox003 { border: none; padding: 0; }
    .fbox00 { width: auto; margin-right: 7px; }
    .fboxb { width: 100%; border-bottom: 1px solid #ddd; }
        .fboxb .fbox { border-bottom: 0; }
    .fbox label, .fbox0 label, .fbox2 label, .fbox3 label { height: 31px; display: inline-block; }
    .fbox label, .fbox2 label, .fbox3 label, .fbox0 label, .fbox00 label, .fbox003 label { display: block; float: left; }
    .fbox, .fbox2 { height: 31px; overflow: hidden; }
    .ffform strong { color: #f30; }
    .listbox { clear: both; display: block; overflow: hidden; }
    .ffform .listbox { border-bottom: 1px solid #ddd; }
        .listbox h2 { color: #c50; border-bottom: 0; }
        .listbox .ftable { width: 100%; }
        .listbox .ftable td, .listbox .ftable th { padding: 5px 8px; background: #fdfeee; }
        .listbox .ftable th { font-size: 13px; font-weight: 700; background: #ffd; }
        .listbox .tdborder td, .listbox .tdborder th { border-bottom: 1px solid #eee; }
        .del { text-decoration: line-through; color: #999; }
        .listbox .bt { border-top: 1px solid #eee; }
        .date { font-family: arial; font-size: 10px; }
        .status9 { color: #060; }
        .status8, .status7 { color: #f00; font-style: italic; }
        .status7 { color: #c50; font-style: italic; }
        .status1 { color: #252525; }
        .status0 { color: #999; }
        .null, .nullpl { color: #999; padding: 10px 1px; }
        .nullpl { padding-left: 20px; }
    .ffform textarea { width: 80%; height: 80px; }
    .ffform_t h2, .listbox_t h2 { color: #008800; }
    table.fboxtb { border: 0; }
    table.fboxtb td { border:1px solid #ddd; border-top-width: 0; padding: 8px; line-height:1.8; }
    table.fboxtb td.tdfirstc { border-left-width: 0; }
    table.fboxtb td.tdlastc { border-right-width: 0; }
    table.fboxtb tr.tdcenter td { text-align: center; }
    .bt { border-top: 1px solid #ccc; }
    .ffformbig { }
        .ffformbig .fbox3 .w11p { width: 11%; text-align: right; float: left; }
        .ffformbig .fbox3 .ftxt, .ffformbig .fbox3 textarea { width: 85%; }
    .listbox .ftable tr.tralt td { background: #e8f5db; }
    .listbox .ftable tr.trover td { background: #ffd; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
    .listbox .ftable q { color: #006AC1; padding-right: 3px; height: 31px; overflow: hidden; }
    #process .listbox .ftable q { display: block; }
    a.ablock { display: block; }
    #list tr.overview { font-size: 12px; color: #888; word-wrap:break-word; word-break:break-all; display: none; }

/* 登录框 */
.loginbox { width:300px; height:350px; display:block; position:absolute; left:50%; top:50%; margin:-175px 0 0 -125px; clear:both; }
    .loginlogo { padding-left: 7px; padding-bottom: 7px; }
    .btndiv { height:50px; padding:5px 0; clear:both; text-align: center; width:265px; }
    .vfsubmit, .vformreset, .vformnew, .vpassimg, .vpassok { }
    .loginbox #vfmsg { margin-top: 0; margin-bottom:13px; width:246px; }
    .loginbox .fdiv { height:50px; position:relative; display:block; }
    .loginbox #fgee { padding-bottom: 15px; display: none; width: 263px; _width: 261px;/* _margin-left: -15px;*/ }
    .loginbox .fdiv input { width:251px; height: 20px; line-height: 20px; border-radius: 2px; }
    .loginbox .fdiv label { position:absolute; top:7px; left:7px; color:#ccc; height:20px; line-height:20px; }

.formpage { display: block; }
.formpage label { width: 40%; min-width: 80px; text-align: right; display: inline-block; }
.ivalid { border:1px solid #E6AE4E; }
.fblock { display: none; }

.code { padding: 0.5em 1em; border: 1px dashed #ccc; border-radius: 4px; color: #000; overflow: auto; line-height: 1.3; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 0.9em; text-shadow: 1px 1px 0 rgba(255,255,255,1); }

/* 头部 */
.header { height: 75px; padding: 15px 0 20px; }
    .header .logo { width: 165px; height: 75px; background: url("/v/images/logo.png") no-repeat -40px 0; display: block; overflow: hidden; text-indent: -9999em; float: left; }
    .header .topbox { float: right; width: 500px; height: 48px; padding: 13px 0 14px; }
    .header .topbox a.photo { float: right; width: 48px; height: 48px; }
    .header .topbox div { float: right; width: 440px; height: 48px; text-align: right; padding-right: 8px; }
    .header .topbox div h2 { font-size: 140%; height: 20px; line-height: 20px; padding-bottom: 5px; }

/* Win8图标 */
.metro { }
    .metro li { width: 104px; height: 104px; padding: 3px; float: left; display: block; overflow: hidden; margin: 0 6px 6px 0; border: 1px solid #30a43b; color: #fff; -webkit-animation:0.5s ease-out backwards; -moz-animation:0.5s ease-out backwards; -o-animation:0.5s ease-out backwards; animation:0.5s ease-out backwards; border-radius:2px; }
    #index .metro li {-webkit-animation-name:fadeint;-moz-animation-name:fadeint;-o-animation-name:fadeint;animation-name:fadeint; }
    @-webkit-keyframes fadeint{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}
    @-moz-keyframes fadeint{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}
    @-o-keyframes fadeint{0%{opacity:0;-ms-transform:translateY(-20px);}100%{opacity:1;-ms-transform:translateY(0);}}
    @keyframes fadeint{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}
    .metro li:hover, .metro li.liover { /* border: 3px solid #56bc5f; padding: 1px; */ border-color: #e9f8d3; }
    .metro li.double { width: 222px; }
    .metro li img { width: 55px; height: 55px; display: block; margin: 15px auto 10px; }
    .metro li a { position: relative; }
    .metro li a, .metrolist li a { display: block; overflow: hidden; height: 100%; width: 100%; color: #fff; }
    .metro li a:hover { color: #e9f8d3; }
    .metro li a p { height: 25px; line-height: 25px; text-align: left; padding: 0 15px 0; clear: both; display: block; cursor: pointer; position: absolute; bottom: 0; left: 0; overflow: hidden; }
    .light { display:none; cursor:pointer; position: absolute; left: -252px; top: 0; width: 222px; height: 104px; background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
    .metro li a:hover .light{ left:252px; -moz-transition:1.2s; -o-transition:1.2s; -webkit-transition:1.2s; transition:1s; }
    .metro li.double a:hover .light{ left:252px; -moz-transition:0.8s; -o-transition:0.8s; -webkit-transition:0.8s; transition:0.6s; }
    .metrolist li { float: left; width: 171px; height: 55px; margin: 1px; display:block; border-radius:1px; }
    .metrolist li a { color: #fff; width: 161px; height: 35px; padding: 10px 0 10px 10px; display: block; overflow: hidden; }
    .metrolist li a img { float: left; width: 35px; height: 35px; }
    .metrolist li a p, .metrolist li a div { width: 106px; height: 35px; line-height: 35px; display: block; overflow: hidden; float: left; padding-left: 10px; font-size: 12px; cursor: pointer; }
    .metrolist li a:hover { color: #e9f8d3; background: #10893E; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
    .metrolist li a div { line-height: 18px; }
    .metrolist li a div h4 { clear: both; height: 18px; padding: 0; display: block; overflow: hidden; }
    .metro li img, .metrolist li a img { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transform: rotate(0deg); transition: all .3s; }
    .metro li a:hover img, .metrolist li a:hover img { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }
    .m0{background:#78ba00;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;_zoom:1;}
    .m1{background:#252525}.m2{background:#f4b300}.m3{background:#78ba00}.m4{background:#2673ec}.m5{background:#ae113d}.m6{background:#632f00}.m7{background:#2e1700}.m8{background:#b01e00}.m9{background:#4e0000}.m10{background:#4e0038}.m11{background:#c1004f}.m12{background:#7200ac}.m13{background:#2d004e}.m14{background:#4617b4}.m15{background:#1f0068}.m16{background:#006ac1}.m17{background:#001e4e}.m18{background:#008287}.m19{background:#004d60}.m20{background:#199900}.m21{background:#004a00}.m22{background:#00c13f}.m23{background:#15992a}.m24{background:#ff981d}.m25{background:#e56c19}.m26{background:#ff2e12}.m27{background:#b81b1b}.m28{background:#ff1d77}.m29{background:#b81b6c}.m30{background:#aa40ff}.m31{background:#691bb8}.m32{background:#1faeff}.m33{background:#1b58b8}.m34{background:#56c5ff}.m35{background:#569ce3}.m36{background:#00d8cc}.m37{background:#0aa}.m38{background:#91d100}.m39{background:#83ba1f}.m40{background:#e1b700}.m41{background:#d39d09}.m42{background:#ff76bc}.m43{background:#e064b7}.m44{background:#00a4a4}.m45{background:#ff7d23}.m46{background:#696969}

/* Metro 设置 */
#metroset { }
    .metroset li { float: left; width: 113px; height: 45px; margin: 1px; display: block; cursor: crosshair; }
    .metroset li.double { width: 228px; }
    .metroset li div { color: #fff; width: 108px; height: 25px; padding: 10px 0 10px 5px; display: block; overflow: hidden; }
    .metroset li div img { float: left; width: 25px; height: 25px; }
    .metroset li div p { width: 73px; height: 25px; line-height: 25px; display: block; overflow: hidden; float: left; padding-left: 5px; font-size: 12px; }
    .metroset li.double div { width: 223px; }
    .metroset li.double div p { width: 188px; }

/* 主体内容 */
.body { padding-top: 15px; }
    .content { width: 712px; float: left; }
    .sidebar { width: 236px; float: right; }
        .sidebar .metro li { margin: 0 0 6px 6px; float: left; _float: right; }
        .todonum, .newsnum { color: #ff3; padding-left: 3px; }
            .todonum strong, .newsnum strong { padding: 0 1px; }

.page { background: #feffe8; color: #252525; padding: 10px; min-height: 446px; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; _zoom: 1; }
    .page:hover, .pageover { filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
    .page a { color: #252525; }
    .page a:hover { color: #06c; }
    .page a.amsg { background: #55b54a; color: #bfedaa; padding: 1px 3px; }
    .page a.amsg:hover { color: #bfedaa; background: #30a43b; }
    .page ul.list { padding-left: 50px; }
    .page h1 { padding: 10px 5px 13px 80px; height: 68px; display: block; margin-bottom: 8px; background: #15992a url("/v/images/icons/1.png") no-repeat 10px center; color: #fff; letter-spacing: 2px; font-size: 26px; line-height: 68px; overflow: hidden; }
    .page h1 .pageh1, .page h1 .pageh1sub { font-size: 26px; display: block; line-height: 1.5em; padding-top: 6px; }
    .page h1 .pageh1sub { font-size: 14px; padding-top: 0; }
    #mprocess h1 { background: #65319a url("/v/images/icon/process.png") no-repeat 10px center; }
    #mmy h1 { background: #2673ec url("/v/images/icon/myinfo.png") no-repeat 10px center; }
    #mnews h1 { background: #15992a url("/v/images/icon/news.png") no-repeat 10px center; }
    #mmyphoto h1 { background: #4617b4 url("/v/images/icon/photo.png") no-repeat 10px center; }
    #mmypwd h1 { background: #691bb8 url("/v/images/icon/pwd.png") no-repeat 10px center; }
    #mmyinfo h1 { background: #2673ec url("/v/images/icon/info.png") no-repeat 10px center; }
    #mmylogs h1 { background: #008287 url("/v/images/icon/logs.png") no-repeat 10px center; }
    #mmyset h1 { background: #E56C19 url("/v/images/icon/process.png") no-repeat 10px center; }
    #mtodo h1 { background: #7200AC url("/v/images/icon/todo.png") no-repeat 10px center; }
    #mbook h1 { background: #004d60 url("/v/images/icon/book.png") no-repeat 10px center; }
    #mmyovertime h1 { background: #691bb8 url("/v/images/icon/overtime.png") no-repeat 10px center; }
    #mmyleave h1 { background: #15992a url("/v/images/icon/leave.png") no-repeat 10px center; }
    #mupdate h1 { background: #4617b4 url("/v/images/icon/update.png") no-repeat 10px center; }
    #mmytraveldays h1 { background: #ff7d23 url("/v/images/icon/travel_days.png") no-repeat 10px center; }
    #mopen h1 { background: #78ba00 url("/v/images/icon/open.png") no-repeat 10px center; }
    #mform1 h1 { background: #2673ec url("/v/images/icon/form_1.png") no-repeat 10px center; }
    #mform2 h1 { background: #78ba00 url("/v/images/icon/form_2.png") no-repeat 10px center; }
    #mform3 h1 { background: #ae113d url("/v/images/icon/form_3.png") no-repeat 10px center; }
    #mform117 h1 { background: #ff2e12 url("/v/images/icon/form_117.png") no-repeat 10px center; }
    #mtips h1 { background: #008287 url("/v/images/icon/tips.png") no-repeat 10px center; }

#index .wrapper { height: 600px; position:absolute; left:50%; top:50%; margin:-330px 0 0 -500px; _position: static; _margin: 0 auto; overflow:hidden; clear:both; }
#index .header { padding: 5px 0 30px; }

.vftradd, .vftrdel { font-size:18px; color: #c50; cursor: pointer; width: 20px; }
    .vftradd img, .vftrdel img { vertical-align: middle; margin-bottom: 2px; text-align: center; }
    .vftbody .fbox00, .listbox .tdborder td .fbox00 { border-bottom: 0; width: 45%; float: left; }
    .vftbody .fbox00 input, .listbox .tdborder td .fbox00 input { width: 150px; }
.pass1 { color: #004a00; }
.pass2 { color: #c50; }
.pass3 { color: #999; }
.pass0 { color: #999; }
.pass8 { color: #f30; }
.pass0 td, .pass1 td, .pass2 td, .pass3 td, .pass8 td { word-wrap:break-word; word-break:break-all; }

#attachlist, .attachlist { }
    #attachlist li, .attachlist li { padding: 5px 0; line-height: 1.8; border-bottom: 1px dotted #ddd; }
    #attachlist li.attachhead, .attachlist li.attachhead { color: #c50; }
    #attachlist li a, .attachlist li a { padding: 1px 5px 1px 20px; display: inline-block; background: url("/v/images/attach.png") no-repeat 0 5px; _background-position: 0 7px; }
    #attachlist li a.remove, a.abtn, a.abtnb, a.abtng, a.abtnn { padding: 1px 5px; height: 21px; line-height: 21px; font-size:12px; display: inline-block; color: #fff; background: #ff981d; cursor: pointer; border-radius:1px; }
    #attachlist li a.remove:hover, a.abtn:hover, a.abtnb:hover, a.abtng:hover, a.abtnn:hover { background:#fc8302; color: #fff; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
    a.abtnb { font-size: 14px; padding:0 1.5em 1px; _padding:0 1em; height:32px; letter-spacing:2px; line-height: 32px; }

.tabs { text-align: center; }
.pane, .tabsbox { display: none; }
.fbtn-sm { padding: 0 10px; *padding: 0 6px; height: 23px; line-height: 23px; font-size:12px; *line-height: 25px; border-radius:1px; }
a.abtnn { border: 1px solid #e6e6e6; background-color: #fbfbfb; color: #555; padding: 0 5px; }
a.abtnn:hover { border: 1px solid #c9c9c9; background-color: #fbfbfb; color: #252525; }
.topbar a.abtn, #formtabs a, input#auto_save, .tabs a, a.abtng { background: #55b54a; color: #bfedaa; }
.topbar a.asys { background: #ff981d; color: #e7e7e7; }
.topbar a.abtn:hover, input#auto_save:hover, a.abtng:hover { background: #30a43b; }
#formtabs a.current, .tabs a.current { background: #ff981d; color: #fff; }
#notew { margin: 0 20px 0; clear: both; overflow: hidden; }
    #notew ul { display: block; border: 1px solid #f3eaba; background: #ffffeb; padding: 5px; }
    #notew ul li { text-align: left; line-height: 1.8; font-size: 12px; color:#bc9775; padding: 2px 5px 2px 18px; background:url("/v/images/star.png") no-repeat 0 6px; }
    #notea { background-color: #2673ec; }

.notebox { padding: 10px; border: 1px solid #eee; }
.notebox ul { padding-top: 5px; }
.notebox ul li { padding: 3px 10px 3px 40px; line-height: 1.8; color:#bc9775; background:url(/v/images/star.png) no-repeat 20px 7px;}
.notebox ul.red li, .notebox ul li strong { color: #f30; }
.notebox ul.black li { color: #252525; }

#mupdate .tabs { border-bottom: 1px solid #eee; margin-bottom: 8px; }
#mopen .notebox { padding: 10px 10px 10px 0; }
#mopen .notebox .pane { padding: 10px 10px 0 20px; line-height: 2; color:#bc9775; }
#mopen .notebox .pane ul { padding-bottom: 6px; }

.ultb li.strong { font-weight: 700; }
.ultb li span { display: inline-block; }

ul.list li { height: 24px; line-height: 24px; display: block; }
#mprocess #delbox, .processview .vfmsg { margin: 10px auto; }

.pagemsg { position: relative; text-align: center; line-height: 1.8; font-size: 14px; text-shadow:0 0 8px rgba(0,0,0,.6); }
    .pagemsg img { box-shadow:0 0 8px rgba(0,0,0,.5); display:inline-block; }
    .pagemsg p { padding-bottom: 8px; }

table input.ftxt { width: 80%; }

#iconbox { }
    .boxselect { display: none; }
    #iconbox li { height: 35px; width: 35px; display: block; float: left; padding: 8px; background: #008800; _background: #d8e9ec; overflow: hidden; cursor: pointer; }
    #iconbox li img { height: 35px; width: 35px; padding: 0; margin: 0; }

.pagelist { background:url(/v/images/libg.gif); }
    .pagelist ul { list-style: none; padding: 0; }
    .pagelists ul { list-style: circle; padding-left:16px; }
    .pagelist ul li { height:35px; line-height:35px; color:#da251d; }
    .pagelist ul li div { float: left; display: block; width: 300px; }
    .pagelist ul li div a { display: block; padding:0 10px; }
    .pagelist ul li a:hover { color: #fffeb3; background: #008800; }
    .pagelist ul li span {color: #444; width:200px; display: block; float: right; padding-right: 3px; font-size:10px; }
    .pagelist ul li span a { display: inline; }
.pages { text-align:center; clear:both; display:block; padding:13px 0 0; }
    .pages a, .pages span { padding: 1px 5px; margin: 2px 0; height: 20px; line-height: 20px; font-size:12px; display: inline-block; background: #55b54a; color: #bfedaa; border-radius:1px; }
    .pages a { color: #fff; }
    .pages a:hover { background: #30a43b; color: #fff; }
    .pages strong { padding:0 3px 0 2px; color: #fff; font-weight: normal; }

.searchbox { }
.onepage h2 { font-size: 13px; color: #454545; font-weight: 700; height: 35px; line-height: 35px; border-bottom: 1px solid #eee; overflow: hidden; display: block; clear: both; }
.onepage h2 a.more{ font-size: 10px; padding-top: 5px; font-weight: normal; color:#666; font-family:Tahoma, verdana, Arial, Verdana; text-transform: uppercase; display:inline-block; float:right; }
.onepage h2 a.morezh { font-size:12px; }
#nowtime { padding-right: 8px; }
.ie6 { display: none; }
#setbg #notew { margin: 10px; }
#setbg .noteh a { font-size: 12px; }
#setbg select { padding: 1px; vertical-align: middle; margin-right: 5px; }
.abtnbox { padding: 10px; text-align: center; display: block; }

#viewbox { width: 692px; display: block; overflow: hidden; }
.viewbox { background: #fff; min-height: 346px; display: block; overflow: hidden; }
    .viewbox .vword { padding: 10px 12px; margin: 0 auto; display: block; overflow: hidden; font:13px/1.8 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; color:#252525; word-wrap:break-word; }
    .viewbox .vword p, .viewbox .vword div { padding-bottom: 8px; }
    .viewbox .vword img { max-width: 100%; }
    .viewbox .vinfo { clear: both; display: block; padding: 18px 5px 5px; font-size: 12px; color: #888; text-align: right; }
    img.bigimg { max-width: 100%; margin: 5px auto; display:inline-block; padding: 5px; box-shadow:0 0 8px rgba(0,0,0,.4); background: #fff; -webkit-transform-style: preserve-3d; -webkit-transition:all .5s ease-in-out; -moz-transition:all .8s ease-in-out; -o-transition:all .8s ease-in; -ms-transition:all .8s ease-in; transition:all .8s ease-in; }

#imgshow { vertical-align: bottom; text-align: center; }
.btn{position: relative; overflow: hidden; margin-right: 4px; display:inline-block; *display:inline; padding:4px 10px 4px; font-size:14px;line-height:18px; *line-height:20px; color:#fff; text-align:center; vertical-align:middle; cursor:pointer; background-color:#5bb75b; border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color:#b3b3b3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.btn input { position: absolute; top: 0; right: 0; margin: 0; border: solid transparent; opacity: 10; filter:alpha(opacity=10); cursor: pointer; }

.fboxup { position: relative; width: 106px; height: 31px; display: inline-block; overflow: hidden; }
    .fboxup label, .fboxup input { width: 106px; height: 28px; position: absolute; top: 2px; left: 0; display: block; background: #ff981d; color: #fff; font-size: 14px; font-family: inherit; line-height: 28px; z-index: 1; }
    .fboxup input { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 9; font-size: 106px; _left: -6px; }

#budgetchart { margin: 10px 0 0; border: 1px solid #ddd; }
.budget-chart { position: relative; z-index: 1; display: block; clear: both; margin: 8px 8px 0; height: 23px; background: #e1e1e1 url("/v/images/per_bg.png") repeat-x; border-radius: 5px; }
    .budget-chart-text { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; text-align: center; height: 22px; line-height: 22px; display: block; text-shadow: 0 0 2px #fff, 0 0 1px #ddd, 0 0 4px #fff; overflow: hidden; }
    .budget-chart-used { position: absolute; top: 0; left: 0; z-index: 2; height: 22px; display: block; background: #80bc2c url("/v/images/per_green.png") repeat-x; border-radius: 5px; box-shadow: 0 0 3px rgba(255,153,0,1);-webkit-box-shadow: 0 0 3px rgba(255,153,0,1); }
    .budget-alarm { background: #ffab2b url("/v/images/per_orange.png") repeat-x; }

#process .care { background: #feffe8 url("/v/images/care.png"); }

.none,.nonebox,a.none{display:none;}
.block{display:block;}

/* checkbox, radio 美化 */
label.fcheckbox{padding-left:24px;cursor:pointer;background:url(/v/images/checkbox.png) no-repeat 0 0;_background-image:url(/v/images/checkbox.gif);line-height:32px;height:32px;display:inline-block}label.fchecked{background-position:0 -32px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}label.fdisabled{background-position:0 -64px}label.fdisabledchecked{background-position:0 -96px}label.fradio{padding-left:22px;display:inline-block;background:url(/v/images/radio.png) no-repeat 0 0;_background-image:url(/v/images/radio.gif);height:32px;line-height:32px;cursor:pointer;}label.fradiook{background-position:0 -32px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}

/* jdpicker 日期插件 */
.jdpicker_w {display:inline;}.jdpicker_w .date_selector *{width:auto;height:auto;border:0;background:0;margin:0;padding:0;text-align:left;text-decoration:none;font-size:12px;font-family:'Microsoft YaHei',arial,sans-serif;}.jdpicker_w .date_selector{background:#fff;border:1px solid #ddd;padding:5px;margin:-1px 0 0 0;position:absolute;z-index:100000;display:none;width:210px}.jdpicker_w .date_selector table{width:210px;margin-left:3px}.jdpicker_w .date_clearer{color:#a00;padding-left:3px;cursor:pointer;font-weight:bold}.jdpicker_w .date_selector_ieframe{position:absolute;z-index:99999;display:none}.jdpicker_w .error_msg{display:none;text-align:center;font-size:.8em;color:#666}.jdpicker_w .date_selector .nav{width:17.5em}.jdpicker_w .date_selector .month_nav,.jdpicker_w .date_selector .year_nav{margin:0 0 3px 0;padding:0;display:block;position:relative;text-align:center}.jdpicker_w .date_selector .month_nav{float:left;width:50%}.jdpicker_w .date_selector .year_nav{float:right;width:43%;position:relative}.jdpicker_w .date_selector .month_nav select{width:56px;margin:0 auto;border:1px solid #eee;position:relative;top:1px}.jdpicker_w .date_selector .year_nav .year_input{text-align:center;width:36px;border:1px solid #eee;position:relative;top:2px}.jdpicker_w .date_selector .month_name,.jdpicker_w .date_selector .year_name{font-weight:bold;line-height:20px}.jdpicker_w .date_selector .button{display:block;position:absolute;top:5px;*top:0;width:18px;height:18px;line-height:17px;font-weight:bold;color:#252525;text-align:center;font-size:120%;overflow:hidden;border:1px solid #f2f2f2;cursor:pointer;font-family:sans-serif}.jdpicker_w .date_selector .button:hover,.jdpicker_w .date_selector .button.hover{background:0;color:#252525;cursor:pointer;border-color:#ccc}.jdpicker_w .date_selector .prev{left:0}.jdpicker_w .date_selector .next{right:0}.jdpicker_w .date_selector table{margin:0 auto;border-spacing:1px;clear:both}.jdpicker_w .date_selector th{padding-top:0}.jdpicker_w .date_selector th,.jdpicker_w .date_selector td{text-align:center;color:black}.jdpicker_w .date_selector th.week_label{font-weight:normal;font-style:italic;font-size:80%;width:25px}.jdpicker_w .date_selector .week_num,.jdpicker_w .date_selector .hover .week_num,.jdpicker_w .date_selector .selected .week_num{font-style:italic;color:#252525 !important;vertical-align:bottom !important;text-align:right;border:none !important;font-size:70%;background:#fcfcfc !important;padding-right:4px}.jdpicker_w .date_selector td{border:1px solid #ddd;line-height:2em;text-align:center;white-space:nowrap;color:#003c78;background:#fff}.jdpicker_w .date_selector td.today{background:#fffeb3;color:#000}.jdpicker_w .date_selector td.unselected_month{color:#ddd}.jdpicker_w .date_selector td.selectable_day,.jdpicker_w .date_selector tr.selectable_week td{cursor:pointer;background:#f9f9f9;border:1px solid #ddd;color:#252525}.jdpicker_w .date_selector td.selected,.jdpicker_w .date_selector tr.selected td{background:#fffeb3;font-weight:bold;color:#06c;border-color:#ccc}.jdpicker_w .date_selector tr.selectable_week.hover td,.jdpicker_w .date_selector td.selectable_day.hover{background:#fffeb3;font-weight:bold;color:#000;border-color:#ccc}

/*  1024 + 18 : 978Grid */
@media screen and (max-width:1042px) {
    .wrapper{width:978px;margin:0 auto;}
    .c1{width:54px;}.c2,.aside{width:138px;}.c3{width:222px;}.c4{width:306px;}.c5{width:390px;}.c6{width:474px;}.c7{width:558px;}.c8{width:642px;}.c9{width:726px;}.c10,.main{width:810px;}.c11{width:894px;}.c12{width:978px;}
    .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.aside,.main{margin-left:30px;}
}

/* 960Grid */
@media screen and (max-width:1000px) {
    .wrapper{width:940px;margin:0 auto;}
    .c1{width:60px;}.c2,.aside{width:140px;}.c3{width:220px;}.c4{width:300px;}.c5{width:380px;}.c6{width:460px;}.c7{width:540px;}.c8{width:620px;}.c9{width:700px;}.c10,.main{width:780px;}.c11{width:860px;}.c12{width:940px;}
    .content { width: 700px; }
    .sidebar { width: 230px; }
    .metro li { width: 105px; height: 105px; }
    .metro li.double { width: 218px; }
    .metro li img { margin: 15px auto 5px; }
    .formbox { width: 677px; }
    .fbox, .fbox1, .fbox0, .fbox2, .fbox3 { width: 205px; }

}

/* 979 + 18 */
@media screen and (max-width:997px) {
    .wrapper{width:748px;}
    .c1{width:44px;}.c2,.aside{width:108px;}.c3{width:172px;}.c4{width:236px;}.c5{width:300px;}.c6{width:364px;}.c7{width:428px;}.c8{width:492px;}.c9{width:556px;}.c10,.main{width:620px;}.c11{width:684px;}.c12{width:748px;}
    #index .wrapper { height: auto; position: static; margin: 0 auto; overflow:hidden; clear:both; }
    #index .header, .header { padding: 15px 8px 20px; }
    .content { width: 100%; float: none; }
    .sidebar { width: 100%; float: none; }
    .content ul.metro, .sidebar ul.metro { padding-left: 7px; }
    .page { width: auto; margin: 0 7px; }
    .sidebar .metro li { margin: 0 6px 6px 0; float: left; }
    .metro li { margin: 0 6px 6px 0; }
    .metro li { width: 109px; height: 109px; }
    .metro li.double { width: 232px; }
    .metro li img { width: 55px; height: 55px; margin: 15px auto 13px; }
    .formbox, #viewbox, .vword { width: 100%; }
    .viewbox .vword { padding: 8px 0; }
    .viewbox img, .viewbox .vword img { max-width: 100%; }
    .fbox, .fbox1, .fbox0, .fbox2, .fbox3, .fbox00, .vftbody .fbox00, .listbox .tdborder td .fbox00, .fbox003 { width: auto; height: auto; float: none; clear: both; }
    .fboxb { border-bottom: 0; }
    .fboxb .fbox { border-bottom: 1px solid #ccc; }
    .fboxn, .fnone { display: none; }
    .fblock { display: inline; }
    .vftbody .fbox00 { width: auto; }
    #attachlist li a { color: #fff; background: #ff981d; padding: 2px 5px; }
    #attachlist li a:hover { background:#fc8302; }
    .page h1 { font-size: 24px; padding-top: 11px; padding-bottom: 12px; }
    .page h1 .pageh1 { font-size: 24px; padding-top: 6px; }
    .page h1 .pageh1sub .fnone { display: inline; }
    .page h1 .pageh1sub .fblock { display: none; }
    .metrolist li { width: 176px; }
    .metrolist li a { width: 166px; }
    .metrolist li a p, .metrolist li a div { width: 111px; }
    .listbox .ftable q { height: auto; }

}

/* 手机：小米横屏 640； */
@media screen and (max-width:759px) {
    body{background-image:none;}
    .wrapper{width:100%;}
    .fixed-width .wrapper{width:748px;}
    .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.aside,.main{display:block;float:none;margin-left:0;width:100%;}
    #index .header, .header { padding: 0; }
    .header { height: 60px; }
    .header .logo { display: none; }
    .header .topbox { clear: both; float: none; padding: 10px 0 0 10px; }
    .header .topbox a.photo { float: left; width: 48px; height: 48px; }
    .header .topbox div { float: left; width: auto; height: 48px; text-align: left; padding-left: 7px; }
    .header .topbox div h2 { font-size: 120%; height: 20px; line-height: 20px; padding-bottom: 5px; }
    .metro { width: 640px; }
    .metro li { width: 91px; height: 91px; }
    .metro li.double { width: 196px; }
    .metro li img { width: 50px; height: 50px; margin: 12px auto 5px; }
    ul.list li { padding-right: 7px; }
    ul.list li a { display: block; background: #fff9c9; color: #252525; padding: 0 5px; margin: 5px 0; }
    table input.ftxt { width: 80%; }
    .mnone, .topbar span { display: none; }
    .page h1 { font-size: 20px; }
    .page h1 .pageh1 { font-size: 20px; padding-top: 10px; }
    .metrolist li { width: 200px; }
    .metrolist li a { width: 190px; }
    .metrolist li a p, .metrolist li a div { width: 135px; }

}

/* 手机：iPhone/Nokia 横屏 480； */
@media screen and (max-width:639px) {
    .metro { width: 568px; }
    .metro li { width: 79px; height: 79px; }
    .metro li.double { width: 172px; }
    .metro li img { width: 40px; height: 40px; margin: 12px auto 5px; }
    .page h1 { font-size: 20px; }
    .page h1 .pageh1, .page h1 .pageh1sub { line-height: 20px; font-size: 20px; padding-top: 13px; }
    .page h1 .pageh1sub { font-size: 14px; padding-top: 8px; }
    .metrolist li { width: 175px; }
    .metrolist li a { width: 165px; }
    .metrolist li a p, .metrolist li a div { width: 110px; }
    .pagelist { padding: 0; }
    .pagelist ul { list-style: none; padding: 0; }
    .pagelist ul li { padding: 0 5px; }
    .pagelist ul li:hover { background: #008800; }
    .pagelist ul li:hover a { color: #fffeb3; }
}

/* 手机：Nokia 横屏 480； */
@media screen and (max-width:567px) {
    .metro { width: 480px; }
    .metro li { width: 104px; height: 104px; }
    .metro li.double { width: 222px; }
    .metro li img { width: 55px; height: 55px; margin: 15px auto 10px; }
    .msgbox { overflow:hidden; padding:0 5px 0 33px; line-height:35px; height:35px; }
    .metrolist li { width: 220px; }
    .metrolist li a { width: 210px; }
    .metrolist li a p, .metrolist li a div { width: 155px; }

}

/* 手机：小米 360 * 640； */
@media screen and (max-width:479px) {
    .metro { width: 360px; }
    .metro li { width: 74px; height: 74px; }
    .metro li.double { width: 162px; }
    .metro li img { width: 35px; height: 35px; margin: 12px auto 5px; }
    .page h1 { font-size: 18px; }
    .page h1 .pageh1, .page h1 .pageh1sub { line-height: 16px; font-size: 16px; padding-top: 10px; }
    .page h1 .pageh1sub { font-size: 12px; padding-top: 6px; }
    .page h1 .pageh1sub .fnone { display: none; }
    .page h1 .pageh1sub .fblock { display: inline; }
    .metrolist li { width: 161px; }
    .metrolist li a { width: 151px; }
    .metrolist li a p, .metrolist li a div { width: 95px; }

}

/* 手机：iPhone 320 * 480； */
@media screen and (max-width:359px) {
    .metro { width: 320px; }
    .metro li { width: 64px; height: 64px; }
    .metro li.double { width: 142px; }
    .metro li img { width: 33px; height: 33px; margin: 7px auto 2px; }
    .metro li p { padding: 0 5px 0; }
    .metrolist li { width: 141px; }
    .metrolist li a { width: 135px; padding: 10px 0 10px 6px; }
    .metrolist li a p, .metrolist li a div { width: 85px; }

}

/* 手机：< 320； */
@media screen and (max-width:319px) {
    .metro { width: 100%; }
    .metrolist li { width: 100%; }
    .metrolist li a { width: 100%; }
    .metrolist li a p, .metrolist li a div { width: 60%; }

}

/* 高度控制 */
@media screen and (max-height:700px) {
    #index .wrapper { height: auto; position: static; margin: 0 auto; overflow:hidden; clear:both; }
    #index .header { padding-top: 15px; padding-bottom: 20px; }

}

/* 打印 */
@media print {
    body, .page, .listbox .ftable td, .listbox .ftable tr.tralt td, .listbox .ftable th { background-color: #fff; background-image: none; }
    .wrapper, .content { width:800px; }
    .header, .sidebar, .fheader p, .fheader #notew, .content h1, #print, #noprint, .vfmsg { display: none; }
    .page, .formbox { filter: none; -moz-opacity: 1; opacity: 1; width: 779px; }
    .fbox, .fbox0 { width: 239px; }
    .fbox2 { width: 498px; }
    .fbox3 { width: 757px; clear: both; }
    .fheader h2, .listbox h2 { _border-bottom: 1px solid #888; color: #252525; }
    .fprint { display: inline; }
    .fnoprint { display: none; }
    .fheader .fprint, .formbox q, .ftable td, .attachlist li.attachhead { font-size: 12px; color: #252525; }
    .ftable, .bt, .fbox, .fbox0, .fbox2, .fbox3, .fheader, .ffform, .listbox .tdborder td, .listbox .tdborder th, #attachlist li, .attachlist li { border-color: #666; }
    .pagebreak { display: block; page-break-after: always; }

}