@charset "utf-8";
@import url(reset.css);
@import url(stilearn-helper.css);
@import url(widgets.css);

/*@import url(datepicker.css);*/

.mp0{ margin:0px; padding:0px;}
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w80{ width:80px;}
.w150{ width:150px;}



.wp20{ width:20%;}
.wp40{ width:40%;}
.wp80{ width:80%;}
.wp90{ width:90%;}
.wp98{ width:98%;}


.m10{ margin-top:10px;}
a.xga{ font-weight:bold; padding:0px 8px 0px 0px;}
a.sca{ font-weight:bold; padding:0px 0px 0px 5px; color:#F00;}

body{ background:url(../img/body-bg.png) repeat;}

/*************  登陆样式  *************/
.login_m{width:500px; margin:0px auto 0px auto;}
.login{ position:absolute; top:-400px; width:500px;}
.login .box-header{padding: 10px 20px 10px 20px;border: 1px solid #CDCDCD;font-weight: 400;font-size:14px;display: block;}
.login .box-header .header-control{float: right;margin-right: -5px;}
.login .box-body{display: block;border: 1px solid #CDCDCD;border-top: none;position: relative;padding: 10px 20px 10px 20px;background: #FFFFFF url('../img/noise.png');
}
.login .box-body  form  .form-actions{margin-left: -20px;margin-right: -20px;margin-bottom: -30px;}
.login .box-body .ace-editor{position: relative;top: 0;right: 0;bottom: 0;left: 0; margin: -10px -10px -10px -20px;min-height: 480px;}
.login .recover-account{ padding-top:10px; display:block;}



/*************  跳转样式  *************/
.message_m{width:500px; margin:0px auto 0px auto;}
.message{ margin:50px auto; width:500px;}
.message .box-header{padding: 10px 20px 10px 20px;border: 1px solid #CDCDCD;font-weight: 400;font-size:14px;display: block;}
.message .box-header .header-control{float: right;margin-right: -5px;}
.message .box-body{display: block;border: 1px solid #CDCDCD;border-top: none;position: relative;padding: 10px 20px 10px 20px;background: #FFFFFF url('../img/noise.png');
}
.message .box-body  form  .form-actions{margin-left: -20px;margin-right: -20px;margin-bottom: -30px;}
.message .box-body .ace-editor{position: relative;top: 0;right: 0;bottom: 0;left: 0; margin: -10px -10px -10px -20px;min-height: 480px;}
.message .recover-account{ padding-top:10px; display:block;}


/*************  admin顶部  *************/
.header{ padding-top:10px; background:#323232; height:52px; overflow:hidden; position:fixed; z-index:999; width:100%;}
.brand{ float:left;color: #999999;font-size:24px; font-weight:bold; display:block;line-height:45px;color: #184552;text-shadow: 0 1px 0 #64cceb; margin:0px; padding:0px 30px 0px 0px;}
.anquan{ float:left; padding-left:20px; margin-top:15px; color: #184552;text-shadow: 0 1px 0 #64cceb; display:block;}
.anquan a{color: #184552;text-shadow: 0 1px 0 #64cceb;}
.anquan .i1{ width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; background:url(../img/admin_h_tb.png) -288px 0px;}
.anquan .i2{ width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; background:url(../img/admin_h_tb.png) -71px 0px;}
.anquan .i3{ width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; background:url(../img/admin_h_tb.png) -47px -24px;}
.anquan .i4{ width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; background:url(../img/admin_h_tb.png) -168px 0px;}
.anquan .i5{ width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; background:url(../img/admin_h_tb.png) -48px -144px;}

.admin{ width:100%; display:block; position:relative; }

/*************  admin左部分  *************/
.admin_l{ width:10%; height:100%;position:fixed;background:#676767; float:left; top:62px;}
.boss{height:auto; padding:10px 5px 10px 5px; overflow:hidden;}
.boss img{ width:30%; float:left; margin-right:5px;}
.boss span{ line-height:14px; font-size:14px;font-weight:100; margin:0px; padding:0px 0px 10px 0px; display:block;text-shadow: 0 1px 0 #f97b77; }
.boss h6{ font-size:14px; font-weight:bold; color:#FFF;line-height:20px;margin:0px; padding:0px; display:block;text-shadow: 0 1px 0 #000;  }
.boss a{ color:#000;text-shadow: 0 1px 0 #f97b77; padding-top:10px; display:block;}

.l_nav{ margin:0px; padding:0px;}
.l_nav ul{ display:block;}
.l_nav ul li{}
.l_nav ul li a{ padding: 10px 0 10px 15px;display: block;color:#fff;text-shadow: 0 1px 0 #474747;}
.l_nav ul li a:hover{ background:#5b5b5b;text-decoration:none;}
.l_nav ul li a i{width:15px; height:15px;float:left; margin:4px 5px 0px 0px; display:block; }
.l_nav ul li a span{ padding-left:5px;}

.l_nav ul li a .icon1{background:url(../img/admin_h_tb.png) -263px 0px;}
.l_nav ul li a .icon2{background:url(../img/admin_h_tb.png) -263px -24px;}

/*************  admin右部分  *************/
.admin_r{width:90%;position:absolute; left:10%; top:62px;}
.r_nav{ width:100%; height:auto; background:url(../img/admin_r_tit.png) repeat; border-bottom:1px solid #CCC; position:fixed !important; position:absolute; z-index:1998;}
.r_nav ul {}
.r_nav ul li{ padding:0px; margin:0px; float:left;background:url(../img/admin_r_tit.png) repeat;}
.r_nav ul li a{line-height:50px; padding:0px 10px; font-weight:bold;display:inline-block;text-shadow: 0 1px 0 #fff; color:#333;}
.r_nav ul li a:hover,.r_nav ul .rnm a{line-height:48px;text-shadow: 0 1px 0 #000; color:#fff}
.r_nav ul li a i{width:15px; height:15px;float:left; margin:17px 5px 0px 0px; display:block; background-image:url(../img/admin_h_tb.png);}
.r_nav ul li a:hover i,.r_nav ul .rnm a i{background-image:url(../img/admin_b_tb.png);}

.r_nav ul li a .icon1{background-position: 0px -24px;}
.r_nav ul li a .icon2{background-position: -263px 0px;}
.r_nav ul li a .icon3{background-position: -263px 0px;}
.r_nav ul li a .icon4{background-position: -263px 0px;}
.r_nav ul li a .icon5{background-position: -263px 0px;}
.r_nav ul li a .icon6{background-position: -263px 0px;}
.r_nav ul li a .icon7{background-position: -263px 0px;}
.r_nav ul li a .icon8{background-position: -263px 0px;}
.r_nav ul li a .icon9{background-position: -263px 0px;}
.r_nav ul li a .icon10{background-position: -263px 0px;}

#breadcrumb {box-shadow: 0 0 1px #ffffff;padding-left:10px; margin-top:50px;}
#breadcrumb a {padding: 8px 20px 8px 5px;display: inline-block;background-image: url('../img/breadcrumb.png');background-position: center right;background-repeat: no-repeat;font-size: 12px;color: #666666; font-weight:bold;}
#breadcrumb .icon-home{width:15px; height:15px;float:left; margin:2px 5px 0px 0px; display:block; background-image:url(../img/admin_h_tb.png);background-position: 0px -24px;}
#breadcrumb a:hover {color: #333333;}
#breadcrumb a.current{ background:none; font-weight:bold; color:#3299b6;}

/*************  admin主题  *************/
.admin_m{ width:94%; height:auto; margin:1% 2%; padding:1%;}
.widget{ margin-top:20px;}
.widget-content{ color:#666; margin-top:10px;}
.align-center{ text-align:center;}

.lanse{ height:35px; clear:both;}
.sspan8{ width:100px; margin:5px 10px 0px 10px; }


@media only screen and (min-width: 480px) and (max-width: 1200px) {
.r_nav ul li a{padding:0px 10px;}
.r_nav ul li a i{ display:none;}

.admin_l{ width:10%;}
.boss{height:auto; padding:10px 5px 10px 5px; overflow:hidden;}
.boss img{ width:100%; float:left; margin-right:5px;}

.l_nav ul li a{ padding: 10px 0 10px 5px;}

}