/*
名称：报名系统主题CSS样式文件
版权：长沙微构网络科技有限公司 2015年5月
作者：刘凯威
*/
*{ margin:0; padding:0;border:0; list-style:none; color:#444; font-style:normal;}
body{font: 100% 'Microsoft Yahei', Tahoma,'Simsun';background: #F2F2F2; position:relative; }
input,select{ line-height:30px; border:1px #f8f8f8 solid ;}
a{text-decoration:none;}
.cl{zoom:1;}
.cl:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}

/*容器*/
.page .wp{ width:auto;  max-width:600px;margin:0 auto; padding: 20px 5%; background:#330F46 url(img/bg.jpg) no-repeat;
  background-size: 100% 100%;
  background-position: top center ;}
/*前台*/
.page .header .wp{ padding:0 5%; background:#fff; }
.page .header h1{ font-size:1em; color:#E77616; text-align:center; line-height:50px; font-weight:normal;}
.bmform{ padding: 5% 10%;}
.bmform p{  margin: 15px auto ;background:none; font-size:16px;}
.bmform input{ display: block;  width: 100%;  padding: 3px 0; text-indent:1em; height:30px; line-height:30px;   border: 1px #FAE5E6  solid; -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:6px;border-radius:3px; overflow:hidden;   background: #fff;outline: none ;  vertical-align: middle;}
.bmform em{ margin-left:3px;  display: inline-block;
  vertical-align: middle;}
.bmform  .button{ margin:40px auto;width: 100%;  height: 38px;  line-height: 38px;  background: #CA383E ; -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; text-align:center; cursor:pointer; font-size:20px; color:#fff;}
.bmform  .button:hover{  background:#DC464C;}
.bmform  .button i{color:#fff;}
.bmform p em{ margin-left:10px; color:red; font-size:16px;}
.bmform p em.tips{ font-size:14px; margin-left:20px;}
.bmform  .add span{ display:block; float:left; margin-right:10px;  line-height: 38px;}
.bmform  .add span input.text{ width:80px; padding:3px 0 ; text-indent:.5em;}
.bmform  .data{ padding:5px 0;}

.bmform .box{position:relative;}
.bmform .box input.file{position:absolute;right:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;width:100%;height:30px;overflow:hidden}
.bmform .box input.textbox{color:#333;}
.bmform .box a.link{position:absolute;right:-1px;top:0;display:inline-block;padding:4px 16px;color:#fff;cursor:pointer;background-color:#CA383E;line-height:30px;text-decoration:none}

.wfooter p,.wfooter p a{ font-size:12px; color:#fff; text-align:center;}

/*后台*/
.admin *{ outline:none;}
.admin{ background:#fff; }
.admin .header{ width:100%;height:48px; line-height:48px;  background:#323841; position:fixed; top:0; left:0; z-index:100;}
.admin .header .wp{padding:0 20px;}
.admin .header h1{ float:left; height:48px;  line-height:48px;color:#fff; font-size:20px; font-weight:normal;}
.admin .header h1 a{ display:block; color:#fff;}
.admin .header .nav{ text-align:right;}
.admin .header .nav a,.admin .header .nav span{ font-size:14px; color:#f0f0f0; }
.admin .header .nav a:hover{ text-decoration:underline;}
.admin .header .nav em{  margin: 0 10px;  font-style: normal;  font-size: 12px;  color: #f0f0f0;border-right: 1px #262A31 solid;
  border-left: 1px #4F545D solid;}
.admin .cont{ margin:0 20px 0 170px;  padding-top: 48px;}
.admin .cont .side{    width:150px;margin-left:-170px; height:100%; background:#323841;  position: fixed;
  top: 0;  z-index: 10;  padding-top: 48px;}
.admin .cont .side li{ height:36px; line-height:36px; }
.admin .cont .side li:hover{  background: #3C434C;}
.admin .cont .side li.on{ background:#CA383E;}
.admin .cont .side li a{ display:block;padding-left:25px;  font-size:13px; color:#f0f0f0;}
.admin .cont .side li i{  color: #f0f0f0;  font-size: 18px;  margin-right: 8px;}
.admin .cont .side li em{ display:none;float: right;margin-top: 8px;   border-right: 10px #fff solid;   border-bottom: 10px transparent solid;  border-top: 10px transparent solid;}
.admin .cont .side li.on em{ display:block;}
.admin .cont .mn{ width:100%; max-width:1400px; padding:20px 0;}
.admin .welcome h2{ font-size:24px; line-height:40px; color:#666;  font-weight: normal;}
.admin .welcome h2 em{ margin-left:20px; font-size:18px; color:#aaa; }
.admin .welcome p{  margin: 15px auto;
  padding: 10px;
  font-size: 13px;
  background: #FFF9FA;
  color: #CA383E;
  line-height: 22px;
  border-radius: 5px;
  border: 1px #FCE6EA solid;}
.admin .welcome p b{ padding:0 3px;color: #CA383E;}
.admin .we_info{ margin:20px 0; background:#fafafa;}
.admin .we_info h2{ line-height:40px; font-size:18px; padding: 0 15px; border-bottom:1px #fff solid; font-weight:normal;}
.admin .we_info .s{ padding:10px 15px;  border-top: 1px #F2F2F2 solid;}
.admin .we_info p{ line-height:30px; font-size:13px;  border-bottom: 1px #E9E9E9 dashed;}
.admin .we_info em{   width: 150px;  font-style: normal;  display: inline-block;}

.red{ color:#e13335;}
.green{ color:#0C0;}
.yellow{ color:rgb(235, 172, 8);}
.admin .cont .form_admin{ width:500px; margin:0 auto; padding:120px 0;}
.admin .cont .form_admin p{ padding:10px 0;}
.admin .cont .form_admin span{height:30px; width:80px; display:inline-block;}
.admin .cont .form_admin input{ padding:0 10px; width:250px; height:30px; border-color:#ddd;}
.admin .cont .form_admin .zc {  width: 120px;  background: #CA383E;  border: 1px #CA383E solid;  color: #fff; cursor:pointer;}
.admin .cont .form_admin p a{ margin-left:20px; color:#CA383E; text-decoration:underline; font-size:12px;}
.admin .cont .form_admin p i{  font-size: 12px;  margin-left: 15px;}

#list_data{ padding-top:10px; width:100%;  border-collapse:collapse;}
#list_data td, #list_data th{  font-size:0.75em;   border-left:1px solid #DB444B;  padding:5px 7px 5px 7px;  }
#list_data th{  font-size:0.875em;  text-align:left;   padding-top: 12px;  padding-bottom: 12px;    background-color: #CA383E;  color:#ffffff; font-weight:normal; }
#list_data td{ height:32px;  border-left: 1px solid #fff;}
#list_data tr{ background:#fafafa;}
#list_data tr.on{ background: #eee;}
#list_data .id{ width:30px; text-align:center;}
#list_data .xm{ width:80px;}
#list_data .gl{ width:120px;}
#list_data td i{ text-decoration:underline;}
.admin .del{ line-height:30px; padding:10px 0;}
.admin .del a{ margin-right:10px; font-size:14px; color:#CA383E; text-decoration:underline;}
.admin .del .dels{  background: #CA383E;  color: #fff;  font-size: 12px;  display: inline-block;  padding: 0 20px; cursor:pointer;}
.admin .del .mulit{ float:right;}
.mulit em{ font-style:normal;}
.admin .del .mulit a{ color:#fff;font-size:14px;margin:0 0 0 10px ; text-decoration:none}
.mulit a,.mulit em{ font-size:14px ; padding:0 15px; background:#ccc;  display: inline-block; text-decoration:none; margin:0 0 0 10px ;color:#fff; }
.mulit a{ background:#555; }
.mulit em{background: #CA383E;}
.qiantai{background:url(bg.jpg);}
.qiantai .data{padding:0;}
.qiantai .header{ padding:15px 0;max-width:1200px; min-width:320px; margin:auto;}
.qiantai .header h1{ float: left; width:80%;padding: 0;}
.qiantai .header h1 img{ vertical-align:middle;}
.qiantai .header h2{font-size:2em;  line-height: 40px;  padding:20px 0;  color: #CA383E;}
.qiantai .header .cn{ float: right;width: 18%;text-align: right; line-height:105px;}
.qiantai .wp{ max-width:1200px; min-width:320px; margin:auto; min-height:600px; background:#fff;}
.qiantai .wp .data{ padding:2% 4%; min-height:400px;}
.qiantai .wp .data h1{ text-align:center; font-size:24px; line-height:30px; padding:10px 0;}
.qiantai .wp .data table{ padding-top:10px; width:100%;  border-collapse:collapse;}
.qiantai .wp .data  td, .qiantai .wp .data th{  font-size:0.75em;   border-left: 1px solid #DE5E63;  padding:10px 5px 10px 10px;  }
.qiantai .wp .data th{  font-size:0.875em;  text-align:left;     background-color: #CA383E;  color:#ffffff; font-weight:normal; }
.qiantai .wp .data td{  border-left: 1px solid #fff;}
.qiantai .wp .data tr{ background:#fafafa;}
.qiantai .wp .data tr.on{ background: #eee;}
.qiantai .mulit{  display: block;  text-align: center;  margin-top: 20px;  line-height: 30px;}
.qiantai .mulit em,.qiantai .mulit a, .mulit em{margin:0 5px;}
.qiantai .cha{ padding:15px 0;}
.qiantai .cha p{ float:left; margin-right:5%;}
.qiantai .cha p input{  text-indent:.5em; color:#999;  border-color: #ddd;}
.qiantai .cha .btn{ float:left;width:15%; margin:0;}
.qiantai .cha p a{  display: block;  text-align: center;  background-color: #CA383E;  line-height: 32px;  color: #fff;}
.qiantai .nodata{text-align: center;  margin: 30px auto;  max-width: 280px;  padding: 15px;  background-color: #FDF4F4;  border: 1px #FCE5E5 solid;}
.qiantai .nodata h2{ font-size:18px; font-weight:normal; line-height:40px;}
.qiantai .nodata a { font-size:13px; padding:0 10px; color: #CA383E;}
.qiantai .yesdata{  text-align: center;  margin: 30px auto;  padding: 20px;  background-color: #FDF4F4;  border: 1px #FCE5E5 solid;}
.qiantai .yesdata h2{ font-size:18px; font-weight:normal; display:none;}
.qiantai .yesdata p{ line-height:40px;}
.qiantai .yesdata a{ display:block !important; width:100%; }
.qiantai .yesdata em{ font-weight:bold;}
.qiantai .yesdata a em{display:inline-block; line-height:30px;}
.qiantai .yesdata a img{ width:100%; height:auto;}
.qiantai .footer{ padding:20px 0; }
.qiantai .footer p{ font-size:12px; line-height:22px; text-align:center;}
@media screen and (max-width:1200px) {
.header .cn{ display:none;}
.qiantai .data{ padding:0 4%;}
}
@media screen and (max-width: 800px) {
.qiantai .cha p{ font-size:0.875em;}
.qiantai .cha p input{ width:60%;}
.qiantai .header h1{   padding:0; width:100%;}
.qiantai .header h1 img{ width:100%;}
}
@media screen and (max-width: 500px) {
.qiantai .data .en,.qiantai .data .cn{ display:none;}
.qiantai .data .inactive,.qiantai .data .fir_las ,.qiantai .data .current{ display:none;}
.qiantai .cha p{ width:30%;}
.qiantai .cha .btn{ width:29%;}
.qiantai .yesdata a{ width:100%; padding:0;}
.qiantai .cha p{  float: none;  width: auto; margin:0 0  10px 0; position:relative; padding-left:120px;}
.qiantai .cha .btn{ float:none; width:100%; padding:0;}
.qiantai .cha p em{ position:absolute; left:0; top:0;  display: block;  line-height: 32px;}
.qiantai .cha p input{ width:100%;}
}

@media screen and (max-width: 360px) {

}