@charset "utf-8";
/** 
*   西游网OA系统
*   Create 2012.2.28
*
*
**/

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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea{font:12px/1.5 Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
input,select,textarea{font-size:100%;vertical-align:middle}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img{border:none}
em,i,code,cite,address,th{font-style:normal;font-weight:500}
code{ font-family:Arial}
.clear{clear:both;line-height:0;font-size:0}
.clearfix{*zoom:1;_height:1px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.hr_10{clear:both;height:10px;line-height:1px;font-size:1px}
.w960{width:960px;margin:0 auto}
a{text-decoration:none}
.hide{ display:none}
.show{ display:inline-block}

/*全局*/
body{ background:url(../images/bodyBg.jpg) repeat; color:#424242}
#footer{ width:960px; margin:50px auto 0}
#footer img{ width:121px; height:34px; margin:10px 0}
#footer .c{ font-family:Arial; text-align:center; float:right; width:728px}
#footer a{ color:#007eff}
#footer a:hover{ text-decoration:underline}
.b_d5{ border:1px solid #D5D5D5}
.fsz_14{ font-size:14px !important}
.fsz_12{ font-size:12px}
.col_ff8{ color:#ff8000 !important}/*橙色*/
.col_f93{ color:#f93 !important}/*橙色*/
.col_ccc{ color:#ccc}
.col_690{ color:#690}/*嫩绿*/
.col_red{ color:red !important}
.col_green{ color:green !important}
.col_00a0e9{ color:#00a0e9}/*淡蓝*/
.col_888{ color:#888}
.col_black{ color:black !important}
.col_orange{ color:#ff5b00 !important}


/*分块框架*/
.widget_content{ border:solid #d5d5d5; border-width:0 1px 1px;  padding:20px 14px 12px;background:#fff}
.widget_content .people{ display:inline-block}
.widget_content .people em{ display:inline-block; margin-right:5px}
.widget{ border:solid #d5d5d5; border-width:0 1px 1px}
.widget .head{ background:url(../images/menuLeftBg.png) repeat-x; height:38px; border:solid #d5d5d5; border-width:1px 0 }
.widget .head h5{padding:9px 0 0 35px; float:left; background:url(../images/icons/dark/frames.png) no-repeat; font-size:14px}
.widget .head a.more{ float:right; padding:9px 10px 0 0 }
.widget .head h5.frames{ background-position:11px 12px}
.widget .content{ padding:12px 14px; background:#fff}
.widget .head li{ float:left; position:relative; cursor:pointer; height:29px; padding:9px 12px 0; font-size:14px; border-right:1px solid #d5d5d5}
.widget .head li a{ color:#424242; text-decoration:none}
.widget .head li.on{ background:#fff; height:30px; _padding-top:8px; _bottom:-1px; font-weight:bold}
.widget .head li.headright{float:right; border-left:1px solid #d5d5d5;border-right:none}
/*fql/task/train/workflow/故障申报*/
.widget .content .sort{ margin-bottom:20px}
#contentRight .widget .content .sort a{ margin-right:20px}
#contentRight .widget .content .sort a.curr{ font-weight:bold}

/*简单切换分块*/
.widget_simp .widget_simp_head{ height:30px; border-bottom:1px solid #d5d5d5}
.widget_simp .widget_simp_content{ padding:12px 14px; background:#fff}
.widget_simp .widget_simp_head li{ background:url(../images/menuLeftBg.png) repeat-x; float:left; position:relative; cursor:pointer; height:24px; _height:25px; padding:5px 14px 0; font-size:14px; border:1px solid #d5d5d5; border-bottom:0; margin-left:10px}
.widget_simp .widget_simp_head li.on{ background:#fff; height:25px; _bottom:-1px; font-weight:bold}

/*上标题下正文*/
.widget_block{ border:1px solid #e1e1e1; margin-bottom:10px}
.widget_block_head{ background:#f0f0f0; border-bottom:1px solid #e1e1e1; color:#666; padding:5px 8px; overflow:hidden; *zoom:1}
.widget_block_head h4{ font-size:14px; font-weight:bold; float:left; color:#333}
.widget_block_head label{ padding-left:5px; display:inline-block; border-left:1px solid #555; margin:1px 0 0 5px}
.widget_block_content{ padding:8px 0; background:#fff}
.widget_block_content em{ width:95px; float:left; text-align:right}
.widget_block_content .column{ float:left; width:350px}
.widget_block_content .columnL{float:left; width:600px}
.widget_block_content .columnL em{width:auto; float:none; text-align:left; display:inline-block; margin-right:5px}
.widget_block_content li{ padding-bottom:12px; overflow:hidden; *zoom:1}
.widget_block_content .input,.widget_block_content .inputM,.widget_block_content .inputS{line-height:18px; height:18px; padding:0 3px}
.widget_block_content .input{ width:240px}
.widget_block_content .inputM{ width:150px}
.widget_block_content .inputS{ width:78px}
.widget_block_content .select{ width:250px}
.widget_block_content textarea{ padding:2px 3px; line-height:14px; width:594px; height:100px; resize:none}

/*4种按钮*/
a.basicBtn,a.blackBtn,a.blueBtn,a.greenBtn{ background:url(../images/btn.png); display:inline-block; color:#fff; font-size:12px; padding:2px 11px; white-space:nowrap}
a.basicBtn:hover,a.blackBtn:hover,a.blueBtn:hover,a.greenBtn:hover{ text-decoration:none}
a.basicBtn{border:1px solid #D5D5D5; color:#525252}
a.blackBtn{border:1px solid #353535; background-position:0 -50px}
a.blueBtn{border:1px solid #3581C1; background-position:0 -100px}
a.greenBtn{border:1px solid #418D4F;background-position:0 -150px}
a.basicBtn:hover{ background-position:0 -25px}
a.blackBtn:hover{ background-position:0 -75px}
a.blueBtn:hover{ background-position:0 -125px}
a.greenBtn:hover{background-position:0 -175px}
/*input按钮*/
.basicIpt,.blueIpt,.greenIpt{ background:url(../images/btn.png); color:#fff; font-size:12px !important; padding:2px 11px; cursor:pointer; margin-right:10px}
.basicIpt{border:1px solid #D5D5D5;*border:0;color:#525252}
.blueIpt{border:1px solid #3581C1;*border:0; background-position:0 -100px}
.greenIpt{border:1px solid #418D4F;*border:0;background-position:0 -150px}
.basicIpt:hover{ background-position:0 -25px}
.blueIpt:hover{ background-position:0 -125px}
.greenIpt:hover{background-position:0 -175px}
/*大按钮*/
a.blueBtn_l{ background:url(../images/btn.png) 0 -200px; color:#fff; padding:3px 12px 4px; _padding-bottom:2px; margin-bottom:11px; font:16px "Microsoft YaHei"; border:1px solid #3581c1; display:inline-block; *vertical-align:middle}
a.blueBtn_l:hover{ text-decoration:none}

/*顶部导航*/
#topNav{height:36px; position:fixed; _position:relative; background:url(../images/topNav.jpg) repeat-x; width:100%; color:#eee; border-bottom:1px solid #fff; z-index:999}
#topNav a:hover{ text-decoration:none}
#topNav .welcome{ float:left}
#topNav .welcome img{ float:left; margin:8px 8px 0 0; width:22px; height:20px}
#topNav .welcome span{ margin:9px 0 0 5px; _margin-top:10px; display:block; white-space:nowrap}

#topNav .userNav{ float:right}
#topNav .userNav li{ float:left; cursor:pointer; border-right:1px solid #2f2f2f; height:27px; padding:9px 14px 0; _height:24px; _padding-top:12px}
#topNav .userNav li:first-child{ border-left:1px solid #2f2f2f}
#topNav .userNav li a{ color:#eee}
#topNav .userNav li:hover{ background:#212121}
#topNav .userNav li img{ vertical-align:-2px; margin-right:5px; width:11px; height:11px}
#topNav .userNav li span{ text-align:center; display:inline-block; padding:0 5px; line-height:14px; color:#fff; border-radius:2px; margin-left:5px; background:-moz-linear-gradient(top, #ea5050 0, #cc2a28 100%); background:-webkit-gradient(linear, 0 0, 0 100%, from(#ea5050), to(#cc2a28)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5050', endColorstr='#cc2a28', GradientType="0"); background:linear-gradient(top, #ea5050 0%, #cc2a28 100%)}
#topNav .userNav .userNav_down{ position:relative}
#topNav .userNav .userNav_down img{ vertical-align:-1px}
#topNav .userNav .userNav_down ul{ display:none; position:absolute; left:0; top:36px; width:150px; background:#2f2f2f; padding:0 1px 1px 1px; border:1px solid #1d1d1d}
#topNav .userNav .userNav_down li{ float:none; border-top:1px solid #2f2f2f; border-right:0; background:#212121}
#topNav .userNav .userNav_down li:first-child{ border-left:0}
#topNav .userNav .userNav_down a:hover{color:#737373}
#topNav .userNav .userNav_down li:hover{background:#1d1d1d}
/*头部logo和快捷方式*/
#header{  width:960px; margin:0 auto; height:120px; padding-top:37px; _padding-top:0}
#header a{outline:none; blr:expression(this.onFocus=this.blur());}
#header a:hover{ text-decoration:none}
#header .logo{ padding-top:35px}
#header .logo a{ background:url(../images/logo_christmas.gif); width:200px; height:44px; display:block}
#header .headerNav{ float:right; padding-top:30px}
#header .headerNav li{ float:left; margin:0 14px; display:inline; text-align:center;position:relative; background:url(../images/headerNav.jpg); padding-left:10px}
#header .headerNav li img{display:block; margin:0 auto; *margin:0; width:32px; height:32px}
#header .headerNav li a{ color:#333; background:url(../images/headerNav.jpg) right -60px; display:inline-block; height:53px; padding:7px 10px 0 0 }
#header .headerNav li span{ position:absolute; top:-6px; right:-8px; text-align:center; display:block; padding:0 5px; line-height:14px; color:#fff; border-radius:2px; background:-moz-linear-gradient(top, #ea5050 0, #cc2a28 100%); background:-webkit-gradient(linear, 0 0, 0 100%, from(#ea5050), to(#cc2a28)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea5050', endColorstr='#cc2a28', GradientType="0"); background:linear-gradient(top, #ea5050 0%, #cc2a28 100%)}
#header .headerNav li span.green{ background:-moz-linear-gradient(top, #00be09 0, #028b09 100%); background:-webkit-gradient(linear, 0 0, 0 100%, from(#00be09), to(#028b09)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00be09', endColorstr='#028b09', GradientType="0"); background:linear-gradient(top, #59ff61 0%, #028b09 100%)}
/*左侧导航*/
#menuLeftAD{width:212px; float:left; height:700px; background:url(../images/leftMenu/m20130101.jpg) no-repeat}
#menuLeft{ width:212px; float:left; font-size:14px}
#menuLeft a{ color:#333;}
#menuLeft a:hover{ text-decoration:none}
#menuLeft .d{ margin:7px 0; display:block; overflow:hidden}
#menuLeft .d span{ cursor:pointer}
#menuLeft .y{ line-height:26px; margin-left:30px}
#menuLeft .t{ color:#cc6666; font:15px "Microsoft YaHei"; margin-bottom:4px; display:block}
#menuLeft .e{ display:none; margin-left:10px}
#menuLeft .s{display:none; margin-left:10px}
#menuLeft .gap-x{ border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; height:0; width:212px; display:block; overflow:hidden}
.ico_gameadmin,.ico_dataadmin,.ico_sscs{ background:url(../images/icons/leftMenu.png); width:24px; height:24px; display:inline-block; vertical-align:bottom; margin-right:5px}
.ico_dataadmin{ background-position:0 -24px}
.ico_sscs{ background-position:0 -48px}
#menuLeft i.istrig{margin-right:6px;display:inline-block;zoom:1;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-width:4px 0 4px 4px;border-style:solid;border-color:#cc3333;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;_border-style:dotted dotted dotted solid; vertical-align:2px}
#menuLeft i.trig{margin-right:2px;display:inline-block;zoom:1;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-width:4px 4px 0;border-style:solid; border-color:#cc3333 transparent transparent;_border-style:solid dotted dotted dotted}
/*右侧整体内容*/
#contentRight{ float:right; width:728px; padding-top:1px}
a{ color:#007eff}
a:hover{ text-decoration:underline}
/*我的oa*/
.myoa .head h2{ font-size:14px; font-weight:bold; border-bottom:2px solid #000; color:#000}
.myoa .head .more{ float:right}
.myoa .head span{ font-weight:normal; font-size:12px}
.myoa .notice .content{ padding:8px 10px 10px;background:#fff; font-size:14px}
.myoa .notice .content li code{ float:right; color:#999}
.myoa .todayWorkcon{ padding:0 10px 40px; background:#fff}
.myoa .todayWork .img{ float:left; width:50px; text-align:center; margin:4px 5px 0 8px; display:inline}
.myoa .todayWork .img img{ width:32px; height:32px; display:block; margin:0 auto}
.myoa .todayWork .detail{ overflow:hidden;_zoom:1}
/*.myoa .todayWork .w420{ width:420px}*/
.myoa .todayWork .detailR{ float:right; text-align:right; padding:4px 5px 0 0; line-height:20px}
.myoa .todayWork .detailR code{display:block}
.myoa .todayWork .detailL{ line-height:24px}
.myoa .todayWork .detailL .Dname{ font-size:14px; font-weight:bold}
.myoa .todayWork li{ border-bottom:1px dotted #ddd; padding:15px 0; overflow:hidden; *zoom:1}
/*任务倒计时*/
.myoa .todayWork .detailR .taskcountdown,.myoa .todayWork .detailR .taskcountdown_ps,.myoa .todayWork .detailR .taskcountdown_end{ line-height:1.5; *float:left}
.taskcountdown,.taskcountdown_ps,.taskcountdown_end{ background:url(../images/countdown.gif) no-repeat; float:right}
.taskcountdown div,.taskcountdown_ps div,.taskcountdown_end div{background:url(../images/countdown.gif) right -53px; margin-left:10px; padding:6px 10px 2px 0; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.taskcountdown code,.taskcountdown_ps code,.taskcountdown_end code{ color:#FF5B00; display:block;font-weight:bold; margin-top:3px}
.taskcountdown_ps{ background-position:-20px 0}
.taskcountdown_ps div{ background-position:right -106px}
.taskcountdown_ps code{color:#000}
.taskcountdown_end{ background-position:-40px 0}
.taskcountdown_end div{ background-position:right -159px}
.taskcountdown_end code{color:green}
.taskcountdown_end_o code{ color:#000}
/*工作流可重复css*/
.myoa .workflowPath li{ float:left; margin:0; padding:0; border:none; line-height:1.5; overflow:visible; zoom:normal}
.workflowPath{ margin-top:5px}
.workflowPath li label{ color:#ff8000; padding:0 10px; display:block; padding-top:1px\0/; _padding-top:1px}
.workflowPath li span{ text-align:center; float:left; background:url(../images/workflow.png) right -34px repeat-x; padding:0 5px}
.workflowPath li.walk span{ background:url(../images/workflow.png) right 16px repeat-x}
.workflowPath li.nogo span{ background:url(../images/workflow.png) right -84px repeat-x}
.workflowPath li em{padding:2px 11px; margin-top:6px; display:inline-block; color:#555; border:1px dotted #999}
.workflowPath li.walk em{ color:#23a409; border:1px solid #23a409}
.workflowPath li.nogo em{ color:#ff0000; border:1px solid #ff0000}

/*面包屑导航*/
.breadCrumb{border:solid 1px #D5D5D5; background:#fafafa; height:21px; padding:5px}
.breadCrumb li{ float:left; line-height:21px; margin-right:6px; padding:0 12px 0 2px; background: url(../images/Chevron.gif) no-repeat 100% 0}
.breadCrumb li.firstB a{ width:16px; height:16px; text-indent:-1000em; display:block; margin-top:2px; overflow:hidden; background:url(../images/IconHome.gif) no-repeat }
.breadCrumb li.firstB a:hover{ background-position:0 -16px}
.breadCrumb li.lastB{ background:none}
/*表格框架样式*/
.tabFrame th{line-height:28px; text-align:right; vertical-align:top; white-space:nowrap; width:110px}
.tabFrame th,.tabFrame td{font-size:14px; padding-bottom:17px;}
.xi_input,.xi_input_s,.xi_input_m,.xi_input_l{border:1px solid #ccc; font-size:14px; height:26px; line-height:26px; padding:0 3px; width:214px; color:#424242}
.xi_textarea{ border:1px solid #ccc; padding:3px 0 0 3px; width:400px; height:100px; resize:none; line-height:1.4; color:#424242}
.xi_input_s{ width:50px}
.xi_input_m{ width:140px}
.xi_input_l{width:450px}

/*添加人*/
.addPeople{ padding-top:5px}
.addPeople em{ border:1px solid #ccc; padding:3px 14px 3px 9px; font-size:12px; position:relative; display:inline-block; margin:0 7px 7px 0}
.addPeople em a{ font-family:"Arial"; position:absolute; right:3px; top:-2px; cursor:pointer; color:red}
.addPeople em a:hover{ text-decoration:none}

/*翻页*/
#contentRight .pagination{ margin:40px auto 10px; text-align:center }
#contentRight .pages li.prev{ margin-right:10px}
#contentRight .pages li.next{ margin-left:10px}
#contentRight .pages li{ display:inline; margin:0 2px; padding:0; border:0}
#contentRight .pages li a{ height:25px; padding:4px 8px; text-decoration:none; color:#666; font-weight:bold; background:url(../images/pagination.png) repeat-x 0 0; border:1px solid #d5d5d5; border-radius:2px; margin:0;cursor:pointer;}
#contentRight .pages li a:hover{ background:#efefef}
#contentRight .pages li a.active{ background-position:0 -26px; color:#fff; border-color:#687282}
#contentRight .pages li a.active:hover{ background:#687282}
/*表格列表自助*/
.tabkind{ width:100%}
.tabkind td{padding:8px 2px; border-bottom:1px dotted #ccc}
.tabkind thead{ background:#e8e8e8; font-weight:bold; font-size:13px}
.tabkind thead td{border:0}
.tabkind .t30,.tabkind .t50,.tabkind .t60,.tabkind .t70,.tabkind .t80,.tabkind .t90,.tabkind .t100,.tabkind .t110,.tabkind .t120,.tabkind .t150,.tabkind .t180{word-wrap:break-word; overflow:hidden; *word-break:break-all}
.tabkind .t30{ width:30px}
.tabkind .t50{ width:50px}
.tabkind .t60{ width:60px}
.tabkind .t70{ width:70px}
.tabkind .t80{ width:80px}
.tabkind .t90{ width:90px}
.tabkind .t100{ width:100px}
.tabkind .t110{ width:110px}
.tabkind .t120{ width:120px}
.tabkind .t150{ width:150px}
.tabkind .t180{ width:180px}
.tabkind .t300{ width:300px}
.tabkind .oddNum{ background:#eee}
/*弹出窗口常用版*/
.xi_dialog .dialogFloatL{ float:left; width:305px}
.xi_dialog{ display:none}
.xi_dialog li{ padding-top:10px; overflow:hidden; *zoom:1}
.xi_dialog li div.th{width:100px; float:left; text-align:right;font-size:14px}
.xi_dialog li .input{line-height:20px; height:20px; padding:0 3px;width:240px}
.xi_dialog li .inputM{line-height:20px; height:20px; padding:0 3px;width:170px}
.xi_dialog li select{ width:250px}
.xi_dialog li textarea{ width:300px; height:100px; resize:none; line-height:14px; padding:3px; color:#666}

/*上传按钮*/
#fileQueue{ width:300px; margin-bottom:10px}
#uploadifyUploader{ float:left; margin-right:10px; display:inline}
.uploadifyQueueItem{ border:2px solid #E5E5E5; background-color:#F5F5F5; margin-top:5px; padding:5px 10px; width:270px;}
.uploadifyError{ border:2px solid #FBCBBC !important; background-color:#FDE5DD !important;}
.uploadifyQueueItem .cancel{ float:right;}
.uploadifyProgress{ background-color:#FFF; border:1px solid; border-color:#808080 #C5C5C5 #C5C5C5 #808080; margin-top:10px; width:100%; }
.uploadifyProgressBar{ background-color:#0099FF; width:1px; height:3px; overflow:hidden}

/*搜索分类*/
.choice th{ text-align:right; padding:7px 0 0}
.choice td{ padding:7px 0 0}
.choice td a{ margin-right:10px}
.choice .curr{ color:#ff8000}
.choice .inputText{width:100px; border:1px solid #ccc; font-size:14px; height:24px; line-height:24px; padding:0 3px;color:#424242}

.iframeUpLoad{ width:300px; height:45px; border:0}
/*v2 20120614*/
.contentWrap{ border:1px solid #d5d5d5; border-top:0; padding:10px;_padding-left:9px;_padding-right:8px; background:#fff}
/*人名*/
.peopleList em{ margin-right:5px; display:inline-block; font-size:12px}
/*快速顶部底部的样式*/
.updown{width:35px;height:100px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||20)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;bottom:20px;z-index:9999999;}
.updown a{background:url(/v1/images/top_bottom.png) no-repeat;display:block;text-indent:999em;width:35px;height:35px;margin:5px 0px;border:0;overflow:hidden;float:left}
.updown .top{background-position:0px 0px;}
.updown .top:hover{background-position:-35px 0px}
.updown .bottom{background-position:0 -35px;}
.updown .bottom:hover{background-position:-35px -35px}
/*遮罩层*/
#fullbgtop{background-color:Gray;left:0px;opacity:0.7;position:absolute;top:0px;z-index:8888;filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity:0.7; }
#dialogtop{background-color:#CCCCCC;border:1px solid #888;display:none;height:16px;left:50%;margin:-100px 0 0 -100px;padding:10px;position:fixed !important; position:absolute;top:50%;width:200px;z-index:9999; text-align:center;}
#dialogtop p{margin:0 0 12px;}
#dialogtop p.close{text-align:right;}
/*提示*/
#prompt{ width:355px; height:auto; padding-top:5px; border:1px solid #ccc; color:#424242; background-color:#EFEFEF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||1)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:60px;bottom:-1000px;z-index:9999999;}
#prompt a:hover{ text-decoration:underline}
#prompt .promptDt{float:left; width:70px; text-align:center}
#prompt .promptDt .img{ border:1px solid #ccc; border-radius:3px; width:40px; height:40px; padding:1px; background:#fff; margin:0 auto}
#prompt .promptDt img{ width:40px; height:40px; border-radius:3px; display:block}
#prompt .promptDd{ float:left; width:280px}
#prompt .promptDd .tit{width:280px;height:18px;overflow:hidden}
#prompt .promptDd .con {width:280px;min-height:72px;height:auto !important;height:72px;overflow-y:visible;font-size:12px;word-wrap:break-word; overflow-x:hidden; *word-break:break-all}
#prompt .promptDd .time {font-size:12px;}
#prompt .promptDd .tit a{color:#323b51; font-size:12px; font-weight:bold} 
/*404页面*/
.errpage{ padding:100px 0 0}
.errpage i{ background:url(../images/404.png); width:330px; height:330px; float:left}
.errpagetext{ float:left; margin:100px 0 0 100px; font:14px/2 "Microsoft YaHei"}