/*reset*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{ padding:10px 10px 0;background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei","宋体";}
ul,ol{list-style-type:none;}
select,input,img,label{vertical-align:middle;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{color:deepskyblue;}

/*common*/
.clr{zoom:1}
.clr:after{display:block;clear:both;content:"";}
.fl{ float:left;}
.fr{ float:right;}
.inpt{ width:160px; height:16px; padding:5px 2px;}
.sinpt{width:60px; height:26px; padding:0;}
.linpt{width:100%; height:26px; padding:0;}
.txtarea{ width:500px; height:200px;}
.ltxtarea{ width:100%; height:100px;}
.btn{line-height:26px; padding:2px 15px; background:deepskyblue;  border:1px solid #ccc; border-right-width:2px;border-bottom-width:2px; border-radius:4px;color:#FFF; font-size:16px;font-family:"Microsoft YaHei","宋体"; cursor:pointer;}
.btn_hover{ background:darkblue;}
.ok{ color:green;}
.err{ color:red;}
.warn{ color:orange;}

.fl{ float:left;}
.fr{ float:right;}

.al-l{ text-align:left;}
.al-c{ text-align:center;}
.al-r{ text-align:right;}

.vl-t{ vertical-align:top;}
.vl-m{ vertical-align:middle;}
.vl-b{ vertical-align:bottom;}

.em{ color:deepskyblue;}

.w50{ width:50px;}
.w80{ width:80px;}
.w100{ width:100px;}

.m10{ margin:10px;}
.m10{ margin:20px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}

.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}

.tbl_list{ width:100%; border-collapse:collapse;}
.tbl_list th{ height:30px; line-height:30px; background:#DDD;}
.tbl_list td{ padding:5px 0; border-bottom:1px solid #ccc; text-align:center;}
.tbl_list .opt .iconfont{ font-size:18px; margin:0 5px; color:orange;}
.tbl_list .opt .iconfont:hover{ color:deepskyblue;}
.tbl_list .hover td{ background:#eee;}
.tbl_list td.sort{ text-align:left;}
.tbl_list .sort-inpt{ width:60px; height:18px; border:1px solid #fff;}
.tbl_list .sort-inpt-hover{ border-color:deepskyblue;}
.pagebox{ margin:20px;}
.pagebox a,.pagebox span{ margin-right:10px; padding:3px 6px; display:inline-block; *zoom:1;}
.pagebox a{ border:1px solid gray;}
.pagebox span{ background:deepskyblue; color:#fff;}
.tbl_frm{ width:100%;}
.tbl_frm td{ padding:6px 5px;}
.tbl_frm .field{ width:100px; text-align:right;}
.tbl_frm .value{ text-align:left;}
.tbl_frm .operate{ text-align:center; padding-top:20px;}
.tbl_frm .btn{ margin:0 10px;}
.frm_box{ width:820px; margin:0 auto 50px;}
.sfrm_box{ margin:6% auto auto; width:400px; border:1px solid #ccc; border-radius:6px; padding:30px 10px;}

/*iconfont*/
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/*pos*/
.pos{padding:0 10px; margin-bottom:10px; font-size:14px; font-weight:normal; color:gray;}
.pos .iconfont{ font-size:16px; color:deepskyblue;}
.pos .qk-opt{}
.pos .search-inpt{ width:100px;}

/*msgbox*/
#msgbox{ position:absolute; top:36%; left:50%;border:1px solid green; padding:2px 2px 10px 2px; border-radius:9px; font-size:14px;}
#msgbox h1{ margin-bottom:10px; padding:5px; text-align:center; color:#FFF; background:green; border-radius:9px 9px 0 0; font-size:18px; font-weight:normal;}
#msgbox td{ vertical-align:top; padding:0 10px;}
#msgbox .td_icon{ width:64px; text-align:center;}
#msgbox .td_icon .iconfont{ display:none; font-size:64px; color:green; *zoom:1;}
#msgbox #msg,#msgbox #nav_list li{ line-height:150%;}
#msgbox #nav_list li{ list-style:square inside;}
#msgbox #nav_list li a{ white-space:nowrap;}
#msgbox #msg{ margin-bottom:15px;}
#msgbox #nav_list{ margin-top:5px;}
#msgbox #auto_box{ padding:10px 20px; color:gray;}
#msgbox.msg_ok .icon_ok{ display:block;}
#msgbox.msg_err{ border-color:red;}
#msgbox.msg_err h1{ background:red;}
#msgbox.msg_err .icon_err{ color:red; display:block;}
#msgbox.msg_warn{ border-color:orange;}
#msgbox.msg_warn h1{ background:orange;}
#msgbox.msg_warn .icon_warn{ color:orange; display:block;}
#msgbox.msg_info{ border-color:darkblue;}
#msgbox.msg_info h1{ background:darkblue;}
#msgbox.msg_info .icon_info{ color:darkblue; display:block;}


/*login*/
.bg_img{ position:absolute; left:0; right:0; z-index:-2; width:100%; height:100%;}
#loginbox{ position:absolute; top:50%;left:50%; margin:-110px auto auto -150px; z-index:9; border:1px solid #ccc; border-radius:6px; box-shadow:3px 3px 6px; background:#fff; padding:10px 10px 15px; font-size:14px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
#loginbox h1{ border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; padding:0 10px 5px; margin-bottom:15px;}
#loginbox .item{position:relative; height:30px; margin:0 50px 10px; line-height:30px;}
#loginbox .item_icon i{ position:absolute; left:8px; top:0; z-index:9;}
#loginbox .item_icon input{ padding-left:26px;}
#loginbox label{ position:absolute; left:0; top:0; height:30p; line-height:30px; width:160px; padding-left:4px;  z-index:10; color:gray;cursor:text;}
#loginbox .item_icon label{ padding-left:30px; }
#loginbox .item a{ font-size:12px; color:gray; margin-left:5px;}
#loginbox #captcha{ width:50px;}
#loginbox #lbl_captcha{ width:50px;}
#loginbox .item_btn{ margin:20px 0 0 50px;}

/*index*/
#cpTable{ width:100%; border:none;border-collapse:collapse;}
#cpTable td{text-align:left;vertical-align:top; border-collapse:collapse;}
#cpHeader{height:40px; vertical-align:bottom; padding:10px; border-bottom:1px solid #ddd;}
#cpLeft{ width:200px; padding:10px 0 10px 10px;box-shadow:-1px 0 16px #ccc inset;}
#cpMain{ width:auto;}
#cpFrame{ width:100%;}
#cpLogoBox{ float:left; width:190px; padding-right:10px; text-align:center;}
#cpHeaderMain{ height:20px; line-height:20px; margin-top:20px; font-size:14px;}
#cpMenu{overflow:auto;}
#cpMenuList{ margin-right:10px;}
#cpMenuList dt{ font-size:15px; font-weight:bolder; cursor:pointer;}
#cpMenuList dt i{ position:relative; top:-2px;font-style:normal; font-size:12px; color:deepskyblue; margin-right:2px;}
#cpMenuList dt i.close{ display:none;}
#cpMenuList dt.on i.close{ display:inline;}
#cpMenuList dt.on i.open{ display:none;}
#cpMenuList dd{ display:none; font-size:14px; line-height:150%; margin:0; padding:5px 0 10px 1em;}
#cpMenuList dd a{ display:block; padding-left:8px;}
#cpMenuList dd a:hover{ color:orange;}
#cpMenuList dd a.on{color:deepskyblue; font-weight:bold;}
#cpHeaderMain .fr{ font-size:14px; margin-left:10px;}

/*welcome*/
#welbome_box{ position:absolute; top:0; left:0;width:100%; height:100%; z-index:9;}
#welbome_box .board{ float:left; width:210px; height:200px; border:1px solid deepskyblue; border-radius:6px; margin:20px; padding:2px; background:#FFF;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;}
#welbome_box .board h1{ height:26px; line-height:26px;  text-align:center; font-size:16px;color:#FFF; background:deepskyblue; border-radius:5px 5px 0 0;}
#welbome_box .board h2{ font-size:16px; margin:10px 0;}
#welbome_box .board .cnt{ padding:8px; font-size:14px; line-height:150%;}
#welbome_box #weather .cnt{ padding:0;}
#welbome_box #clock{ height:36px; line-height:36px; margin:0 5px 10px; font-size:22px; border-bottom:1px solid #ccc; text-align:center;}
#welbome_box #weather_box{width:204px; height:82px; overflow:hidden; position:relative;}
#welbome_box #weather .cnt iframe{ position:absolute; padding:0; top:-1px; left:-14px;}
#welbome_box #note_content{ width:190px; height:150px; border:none;}

/*module*/
#set_tips_box{ width:150px; padding-left:20px;}
#set_tips_box div{ display:none; height:200px;}

/*article*/
#swfu_tips{position:relative;top: -12px;left: 10px;}
#files_list li{ position:relative; float:left; width:160px; height:140px; margin:10px 10px 0 0; border: 1px solid #ccc; overflow:hidden; text-align:center;}
#files_list li img{height:120px;}
#files_list li input{ width: 158px; border:1px solid #ccc;margin: 0;padding: 0;height: 18px;}
#files_list li .iconfont{ position:absolute; right:3px; top:3px; font-size:18px; color:red;}
#files_list li .iconfont:hover{ color:gold;}