/* CSS Document */
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{ padding:0px; margin:0px; font-size:12px; list-style:none; font-weight:normal; word-wrap: break-word;}
html{ width:100%; height:100%; overflow:hidden;}
body{ color: #333;font:12px/1.125; overflow:hidden; width:100%; height:100%; font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"宋体"}
input, textarea {outline: medium none;resize: none;}
a, img{border:none;text-decoration: none;}
.button{ border:none;}
button:hover{ cursor:pointer;}
body,
th,
td,
button,
input,
select,
textarea {
 font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"宋体";
 font-size:12px;
 color:#333;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.fl{ float: left; }
.fr{ float: right; }
.pl10{ padding-left:10px;}
.pr10{ padding-right:10px;}
.label{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align: center; *padding:0 3px;}
.label p{ line-height:30px;}
.label.tleft{ text-align:left;}
.label.interval{ padding-left:10px;}
.label.contents{width:80%;}
.label.red{ color:#FF0000; padding-left:5px;}
.label.red:hover{color:#FF0000; padding-left:5px;}
.bold{ font-weight: bold;}
.mini_edit{  width:100%; display:block;}
.hidden{ display:none;}
.overlay{width: 100%; height: 100%;z-index: 9999; top: 0px; left: 0px; display: block; position:absolute; background:#ccc;opacity: 0.5; filter:alpha(opacity=50); display:none;overflow:hidden;}
.overlay_loading{ display:none;width:154px; height:50px; position:absolute; left:50%; top:50%; z-index:10000;background:url(../img/bg.png) no-repeat -61px -74px transparent;}
.overlay_loading .in{width:154px; height:50px; overflow:hidden; }
.overlay_loading .in span{ display:block; width:111px; vertical-align:middle; text-align: center; height:45px; padding-left:3px; line-height:22px;}
.overlay_loading .in img{ width:18px; height:17px; position:absolute; right:14px; top:12px;}
.overlay_frame{display:none; width:90%; height:90%; position:absolute; left:5%; top:5%;z-index:9998; background-color:#FFFFFF;box-shadow: 0px 1px 3px #999;}
.overlay_frame .in{width:100%; height:100%;position:relative; overflow:hidden;}
.overlay_frame h2{width:100%; height:25px; background:#619FD2; border-bottom:1px solid #D4D4D4; font-size:12px; line-height:25px;  text-indent:20px; color:#fff; position:relative; font-weight:bold;}
.overlay_frame h2 a{position:absolute;background:url(../img/bg.png) no-repeat 0px -21px transparent; width:8px; height:9px; right:10px; top:8px;}
.overlay_frame .iframebody{width:100%; height:100%; position:absolute; top:26px; left:0;}


.main{height:100%;overflow:hidden; width:100%;}
.main_bg{width:100%; height:100%; position:absolute; left:0px; top:0px;overflow:hidden;}
.main_bg img{ width:100%; height:100%;overflow:hidden;position: absolute;top: 0px;left: 0px;}
.main_body{width:100%; height:100%; overflow:hidden;}



.button{  display:inline-block;
 box-sizing:border-box;
 cursor:pointer;
 text-align:center;
 font-weight:400;
 white-space:nowrap;
 vertical-align:middle;
 -moz-padding-start:npx;
 -moz-padding-end:npx;
 border:solid 1px #ddd;
 background-color:#fff;
 width:auto;
 color: #333;
 *zoom:1;
 *overflow:visible;
 -webkit-transition:background-color .1s linear;
 -moz-transition:background-color .1s linear;
 -o-transition:background-color .1s linear;
 transition:background-color .1s linear;
 border-radius: 4px;
 margin: 0 5px;
}
.button:active {
 background-color:#ccc;
  -moz-box-shadow:0 1px 8px rgba(0,0,0,0.125) inset;
 -webkit-box-shadow:0 1px 8px rgba(0,0,0,0.125) inset;
 box-shadow:0 1px 8px rgba(0,0,0,0.125) inset;
} 



.button, .button.normal {
    padding: 4px 12px;
    font-size: 14px;
	height: 31px;
	*height: auto;
	line-height: 1.42857;
}

.button.mini {
  font-size: 12px;
	height: 23px;
	padding: 1px 4px;
	line-height: 1.42857;
}

.button.small,  .button.S{
 font-size: 12px;
height: 27px;
padding: 3px 8px;
line-height: 1.42857
}

.button.L {
font-size: 16px;
height: 41px;
padding: 8px;
}

.button.XL {
font-size: 18px;
height: 48px;
padding: 10px 24px;
}

.button.radius {
    border-radius: 4px;
}

.button.button_sty1{ color:#fff;
 background-color:#f37b1d;
 border-color:#f37b1d;
}

.button_sty1:hover,
.button_sty1:focus,
.button_sty1:active,
.button_sty1.active {
color: #fff;
background-color: #c85e0b;
border-color: #c85e0b;
}



.button.button_sty3{color: #fff;
background-color: #5a98de;
border-color: #5a98de;}

.button_sty3:hover,
.button_sty3:focus,
.button_sty3:active,
.button_sty3.active {
 color:#fff;
 background-color:#0a6999;
 border-color:#0a6999
}



.button.button_sty4{color: #fff;
background-color: #5eb95e;
border-color: #5eb95e;}

.button_sty4:hover,
.button_sty4:focus,
.button_sty4:active,
.button_sty4.active { color:#fff;
 background-color:#429842;
 border-color:#429842}


.button.button_sty5{color: #fff;
background-color: #dd514c;
border-color: #dd514c;}

.button_sty5:hover,
.button_sty5:focus,
.button_sty5:active,
.button_sty5.active {color:#fff;
 background-color:#c62b26;
 border-color:#c62b26;}



.button.disabled{cursor: not-allowed;
background-image: none;
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none;
pointer-events: none;}


.container{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;font-family: "Helvetica Neue",Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}
.container_in{width:100%; height:100%; position:relative; overflow:hidden;}
.app_nav{width:100%;height:40px;position:relative;clear:both; border-bottom:1px solid #E4E4E4;box-shadow:0px 1px 1px ##FF9900;}
.app_nav .toggle{ position:absolute; bottom:0px; left:10px;}
.app_nav .toggle a{float:left; display:block;padding:0px 10px; height:30px; line-height:30px; background:#EFEFEF; border-right:1px solid #E4E4E4; border-top:1px solid #E4E4E4; color:#333333; font-size:14px; overflow:hidden; color: #666666;}
.app_nav .toggle a.target{ border-top:2px solid #70b213; margin-top:-1px; color:#333333;}
.app_nav .action{ position:absolute; top:8px; right:10px;}
.lister{ width:100%; height:auto; font-family:"宋体";}
.editor{width:100%; height:auto; font-family:"宋体"; display:none;}
.lister .in, .editor .in{width:100%; height:100%; position:relative; overflow:hidden;}
.lister .status{width:100%; min-height:37px; border-bottom:1px solid #E4E4E4; line-height:35px; text-align: center; height:auto;}
.lister .status .fk{ width: 80%; padding-left: 5%; text-align: right;}
.lister .status .fb{ width: 10%; padding-right: 4%;}
.lister .footer, .editor .footer{ width:100%; height:37px; overflow:hidden; border-top:1px solid #E4E4E4; line-height:30px; position:relative; }
.editor .footer{ text-align:center;}
.editor .footer .page{clear:both;}
.lister .footer{ text-align:center;}
.lister .footer #page_total{ font-size:14px;}
.lister .footer #page_total b{ font-weight:bold; color:#004E7A; padding:0 5px; font-size:16px;}
.lister .footer .page{position:absolute; right:15px;top:0px;}
.select{ padding:5px; border:1px solid #CACAB3; border-radius:2px; 0px;}
.input{
height: 31px; background: transparent;
border: 1px solid #E4E4E4;font-family: Arial,simsun;outline: 0 none;color: #000;font-size: 14px;z-index: 22;border: 1px solid #D4D4D4;border-radius: 4px; text-indent:3px;}
.input.focus{border-color: #54A2F7;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1.0), 0 3px 10px -5px rgba(0,0,0,0.4) inset;
-webkit-transition: box-shadow 150ms ease-in-out, border 150ms ease-in-out;
transition: box-shadow 150ms ease-in-out, border 150ms ease-in-out;}
.input.long{ width:300px;}
.input.short{ width:80px;}
.textarea{padding:5px;border: 1px solid #E4E4E4;outline: 0 none;color: #000;z-index: 22;border: 1px solid #D4D4D4;border-radius: 4px;font-size: 12px;}
.textarea.nor{ width:300px; height:100px;}
.textarea.nor.long{ width:500px;}
.lister .inner, .editor .inner{ width:100%; height:100%; position:relative;}
.editor .inner{ overflow-y:auto; overflow-x:hidden;}
.editor #poster_submit{ margin-top:5px;}
.lister .inner .html{ width:100%; height:450px; overflow-y:auto; overflow-x:hidden;}
.editor .group{ padding:20px 0 0 20px;  clear:both; height:auto; color:#333333;}
.editor .group .ln{ float: left; text-align: right; width:16.666666666666664%;cursor: text;display: block;font-size: 14px;line-height: 25px;vertical-align:middle;margin: 0 5px;}
.editor .group .lv{ float: left; text-align: left; width:75%; vertical-align:middle;margin: 0 5px;}
.editor .group .ll{float: left;vertical-align:middle; margin: 0 5px;display: block;font-size: 14px;line-height: 25px;vertical-align: middle;}
.editor .i_notice{display:inline-block;vertical-align:middle; *display:inline; *zoom:1; width:14px; height:14px;background: url(../img/bg.png) no-repeat -67px -2px transparent;}
.editor_contents{ overflow:visible;}
.i_refresh{ width:16px; height:12px;background: url(../img/bg.png) no-repeat 0px -39px transparent;}
.i_edit, .i_del, .i_view, .i_reg, .i_toggle, .i_photo, .i_room, .i_fin, .i_chat, .i_lock{ width:14px; height:14px; margin:6px 3px 0px 3px;}
.i_in, .i_out,.i_card,.i_settle{ width:19px; height:17px; margin:6px 3px 0px 3px;}
.i_edit{background: url(../img/bg.png) no-repeat -121px 0px transparent;}
.i_edit:hover{background: url(../img/bg.png) no-repeat -121px -17px transparent;}
.i_del{background: url(../img/bg.png) no-repeat -142px 0px transparent;}
.i_del:hover{background: url(../img/bg.png) no-repeat -142px -17px transparent;}
.i_view{background: url(../img/bg.png) no-repeat -186px 0px transparent;}
.i_view:hover{background: url(../img/bg.png) no-repeat -186px 0px transparent;}
.i_reg{background: url(../img/bg.png) no-repeat -208px 0px transparent;}
.i_reg:hover{background: url(../img/bg.png) no-repeat -208px -17px transparent;}
.i_toggle.yes{background: url(../img/bg.png) no-repeat -86px -2px transparent;}
.i_toggle.no{background: url(../img/bg.png) no-repeat -104px -2px transparent;}
.i_photo{background: url(../img/bg.png) no-repeat -121px -36px transparent;}
.i_photo:hover{background: url(../img/bg.png) no-repeat -121px -52px transparent;}
.i_room{background: url(../img/bg.png) no-repeat -208px 0px transparent;}
.i_fin{background: url(../img/bg.png) no-repeat -164px 0px transparent;}
.i_fin:hover{background: url(../img/bg.png) no-repeat -164px -17px transparent;}
.i_chat{background: url(../img/bg.png) no-repeat -185px -37px transparent;}
.i_chat:hover{background: url(../img/bg.png) no-repeat -185px -54px transparent;}
.i_lock{background: url(../img/bg.png) no-repeat -209px -35px transparent;}
.i_lock:hover{background: url(../img/bg.png) no-repeat -209px -52px transparent;}
.i_in{background: url(../img/bg.png) no-repeat -139px -36px transparent;}
.i_in:hover{background: url(../img/bg.png) no-repeat -139px -55px transparent;}
.i_out{background: url(../img/bg.png) no-repeat -159px -36px transparent;}
.i_out:hover{background: url(../img/bg.png) no-repeat -159px -55px transparent;}
.i_card{background: url(../img/bg.png) no-repeat -268px -35px transparent;}
.i_card:hover{background: url(../img/bg.png) no-repeat -268px -52px transparent;}
.i_settle{background: url(../img/bg.png) no-repeat -288px -35px transparent;}
.i_settle:hover{background: url(../img/bg.png) no-repeat -288px -52px transparent;}

.table{ width:100%; min-height:25px; _height:25px; overflow: visible;}
.table:hover{ background-color: #F0F0F0;}
.table.inhtml{border-bottom:1px solid #eaeaea;}
.table .tr{min-height:25px; display:inline-block; *display:inline; *zoom:1; line-height:25px; vertical-align:middle;  padding-top:5px; padding-bottom:5px; _height:25px; overflow: visible;word-break:break-all;}
.table .th{background-color: #DBE9F4;overflow:hidden;}
.table .wp4{ width:5%;  *width:4.99%;}
.table .wp5{ width:5%; *width:4.99%;}
.table .wp9{ width:10%;  *width:9.99%;}
.table .wp10{ width:10%; *width:9.99%;}
.table .wp15{ width:15%; *width:14.99%;}
.table .wp20{ width:20%; *width:19.99%;}
.table .wp25{ width:25%;*width:24.99%;}
.table .wp30{ width:30%; *width:29.99%;}
.table .wp35{ width:35%; *width:34.99%;}
.table .wp40{ width:40%; *width:39.99%;}
.table .wp45{ width:45%; *width:44.99%;}
.table .wp50{ width:50%; *width:49.99%;}
.table .wp55{ width:55%; *width:54.99%;}
.table .wp60{ width:60%; *width:59.99%;}
.table .wp65{ width:65%; *width:64.99%;}
.table .wp70{ width:70%; *width:69.99%;}
.table .wp75{ width:75%; *width:74.99%;}
.table .wp80{ width:80%; *width:79.99%;}
.table .wp85{ width:85%; *width:84.99%;}
.table .wp100{ width:100%;}
.table .al{ text-align: left}
.table .ac{ text-align: center}
.table .ar{ text-align: right}
.table .middle{ vertical-align:middle;}

.checkbox{ width:15px; height:15px; background: url(../img/bg.png) no-repeat -77px -138px transparent; margin-top:5px;}
.checkbox.checked{background: url(../img/bg.png) no-repeat -61px -138px transparent;}
.checkbox_handle{ position:absolute; left:20px; top:0px; display:none; padding-top:3px;}
.checkbox_handle .label{ margin-left:10px;}

.img_area{padding:5px;border: 1px solid #E4E4E4;font-family: Arial,simsun;border-radius: 4px; clear:both; overflow:hidden; position:relative;}
.img_area .item{display:block; float:left; width:100px; height:100px; border:1px solid  #E1E1E1; background:#F0F0F0; z-index:2; font-size:14px; line-height:100px; text-align:center; color:#CCCCCC; margin:10px 5px;}
.img_area .placeHolder{display:block; float:left; width:100px; height:100px; border:1px solid  #E1E1E1; background:#F0F0F0; z-index:2; font-size:14px; line-height:100px; text-align:center; color:#CCCCCC; margin:10px 5px;}
.open_gallery{ display: inline-block; height: 100px; vertical-align: middle; }

.web_page{ text-align:right;clear:both; padding-top:4px;padding-right:50px;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
.web_page .button_prev_on, .web_page .button_prev_off, .web_page .button_next_on, .web_page .button_next_off{width:28px;height:27px;cursor:hand;display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align: center; background:none; border:none; margin-top:1px;}

.web_page .button_prev_on{background: url(../img/bg.png) no-repeat 0px -101px transparent;margin-right:-2px;}
.web_page .button_prev_off{background: url(../img/bg.png) no-repeat 0px -74px transparent;margin-right:-2px;}
.web_page .button_next_on{background: url(../img/bg.png) no-repeat -27px -101px transparent; margin-left:-3px;}
.web_page .button_next_off{background: url(../img/bg.png) no-repeat -27px -74px transparent; margin-left:-3px;}
.web_page .button_prev_off:hover, .web_page .button_next_off:hover, .web_page .button_prev_off:focus, .web_page .button_next_off:focus{cursor: not-allowed;}
.web_page .button_prev_on:hover{background: url(../img/bg.png) no-repeat 0px -128px transparent;}
.web_page .button_next_on:hover{background: url(../img/bg.png) no-repeat -27px -128px transparent;}

.web_page a{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; text-align: center;width: auto;height:24px;border: 1px solid #DDD;color:#2A6496;;text-align: center;text-decoration: none; line-height:24px;margin-left: -1px; padding:0 8px;}
.web_page a:hover{ background-color:#eee;}
.web_page .web_page_i_hover{background-color: #428BCA;color: #FFFFFF;border: 1px solid #428BCA;}
.web_page .web_page_i_hover:hover{background-color: #428BCA;color: #FFFFFF;}

.hold_str{position: absolute;left: 0px;top: 0px;color: #A5A5A5;font-size: 14px; z-index:0; cursor:text; padding-left:12px; vertical-align:middle;}

.menu .mCSB_outside+.mCSB_scrollTools{ right:-1px;}
.menu .mCSB_scrollTools{ width:16px;}

.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}
/*主要颜色*/
.c-primary,.c-primary a,a.c-primary{color:#5a98de}
.c-primary a:hover,a.c-primary:hover{ color:#5a98de}
/*次主色*/
.c-secondary,.c-secondary a,a.c-secondary{color:#555}
.c-secondary a:hover,a.c-secondary:hover{ color:#555}

/*强调色—成功*/
.c-success,.c-success a,a.c-success{color:#5eb95e}
.c-success a:hover,a.c-success:hover{ color:#5eb95e}

/*强调色—危险*/
.c-danger,.c-danger a,a.c-danger{color:#dd514c}
.c-danger a:hover,a.c-danger:hover{ color:#dd514c}

/*强调色—警告*/
.c-warning,.c-warning a,a.c-warning{color:#f37b1d}
.c-warning a:hover,a.c-warning:hover{ color:#f37b1d}

/*强调色—错误*/
.c-error,.c-error a,a.c-error{color:#c00}
.c-error a:hover,a.c-error:hover{ color:#c00}

/*辅助色—浅黑*/
.c-333,.c-333 a,a.c-333{color:#333}
.c-333 a:hover,a.c-333:hover{ color:#333}

/*辅助色—灰色*/
.c-666,.c-666 a,a.c-666{color:#666}
.c-666 a:hover,a.c-666:hover{ color:#666}
.c-999,.c-999 a,a.c-999{color:#999}
.c-999 a:hover,a.c-999:hover{color:#999}

/*标准色—红色*/
.c-red,.c-red a,a.c-red{color:red}
.c-red a:hover,a.c-red:hover{ color:red}
/*标准色—绿色*/
.c-green,.c-green a,a.c-green{color:green}
.c-red a:hover,a.c-red:hover{color:green}
/*标准色—蓝色*/
.c-blue,.c-blue a,a.c-blue{color:blue}
.c-blue a:hover,a.c-blue:hover{color:blue}
/*标准色—白色*/
.c-white,.c-white a,a.c-white{color:white}
.c-white a:hover,a.c-white:hover{color:white}
/*标准色—黑色*/
.c-black,.c-black a{color:black}
.c-black a:hover,a.c-black:hover{color:black}
/*标准色—橙色*/
.c-orange,.c-orange a,a.c-orange{color:orange}
.c-orange a:hover,a.c-orange:hover{color:orange}
input[filter='true']{ border-color:#acacac} 

.icodate{background: url(../img/date.png) no-repeat 0px 0px transparent; width: 20px; height: 21px; margin: 0 5px}
.icodate:hover{background: url(../img/date.png) no-repeat 0px -21px transparent;}