/*form*/
#form{padding:20px 30px 30px;}
#form .item{width: 340px;height:40px;font-size: 0;margin-top: 12px;}
#form .item label{display:inline-block;font-size: 16px;color: #404040;width: 80px;text-align: right;letter-spacing:2px;vertical-align: middle;}
#form .item .txt-name{width: 222px;height: 38px;padding:0 15px;font-size:14px;border: 1px solid #ccb18e;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#form ::-webkit-input-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#form ::-moz-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#form :-moz-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#form :-ms-input-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#form .test .txt-name{width: 100px;margin-right: 12px;}
#form .test a{width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 12px;font-style: italic;color: #ae0e16;background: #f0e7dd;vertical-align: middle;}
#form .item-rem{margin-top: 12px;}
#form .item-rem label{padding-left: 8px;}
#form .item-rem .chk-box{margin-right: 5px;width: 13px;height: 13px;}
#form .item-rem a{color: #005aa0;}
#form .item-btn{margin-top: 20px;}
#form .item-btn .btn-login{cursor:pointer; font-size: 18px;color: #ffffff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: #ae0e16;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-family:"Microsoft yahei";}
#form .btn-login:hover{background: #9b0a12;}
#form .validate-code{cursor:pointer;}

.layui-layer{
    overflow:hidden;
    border-radius:8px;
    box-shadow:0 0 3px #fff;
}

/*form*/
#resform{width:420px;margin: 30px auto 0;}
#resform .item{width: 416px;/*height:40px;*/font-size: 0;margin-top: 12px;overflow: hidden;}
#resform .item .text{width: 95px;text-align: right;height:40px;line-height: 40px;}
#resform .item label{display:inline-block;font-size: 16px;color: #404040;}
#resform .item span{color: #ae0e16;font-size: 16px;margin-right: 3px;}
#resform .item .txt-name{width: 288px;height: 38px;padding:0 15px;font-size:14px;border: 1px solid #ccb18e;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#resform ::-webkit-input-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#resform ::-moz-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#resform :-moz-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#resform :-ms-input-placeholder{font-size: 12px;font-style: italic;color: #999999;}
#resform .test .txt-name{width: 100px;margin-right: 5px;}
#resform .test .txt-check{width: 105px;margin-left:5px; height: 40px;line-height: 40px;text-align: center;font-size: 12px;font-style: italic;color: #ae0e16;background: #f0e7dd;vertical-align: middle;font-family:"Microsoft yahei";cursor:pointer;}
#resform .chk-box{margin-top: 16px;height:auto;}
#resform .chk-box .text{width: 95px;text-align: right;height:18px;line-height: 18px;}
#resform .chk-box a{color: #005aa0;}
#resform .item-btn{margin-top: 30px;height:48px;}
#resform .item-btn .btn-login{cursor:pointer; font-size: 18px;color: #ffffff;font-weight: bold;width: 200px;height: 48px;line-height: 48px;text-align: center;background: #ae0e16;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-family:"Microsoft yahei";}
#resform .btn-login:hover{background: #9b0a12;}
#resform .chk-box label{font-size: 12px;}

.per-cen-con h1{margin-top: 30px;}
.cert{margin: 32px auto 50px;width:858px;}
.cert .cert-box li{font-size: 14px;margin-top: 15px;}
.cert .cert-box li.zs{  border-bottom: 1px dashed #ccb18e;}
.cert .cert-box li.fl{  width:429px;float:left;height: 40px;}
.cert .cert-box li label{display:inline-block;width:110px;color: #404040;font-weight: 600;text-align: right;margin-right: 8px;white-space:nowrap;}
.cert .cert-box li span{color: #ae0e16;margin-right: 4px;}
.cert .cert-box li input,.cert-box li textarea{width: 270px;height: 38px;padding:0 15px;border: 1px solid #ccb18e;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.cert .cert-box li input + label {color:#ae0e16;}
.cert .Certificate .cert-box li input,.Certificate .cert-box li textarea {color:gray; }
.cert .add-cou{width: 740px;}
.cert .add-cou>a{color: #e3524a;font-size: 12px;font-weight: 600;}
/*table*/
.cert .table{width:785px;border: 1px solid #ccb18e;border-spacing:0;border-radius: 5px;*border-collapse: collapse;font-size:12px;margin-top: 10px;overflow: hidden;margin-left:-45px;}
.cert .table thead{height: 40px;line-height: 40px;background: #f3ece4;border-bottom: 1px solid #ccb18e;}
.cert .table thead span{color: #ae0e16;}
.cert .table tbody tr{height: 40px;line-height: 40px;background: #ffffff;}
.cert .table tbody tr:nth-child(2n){height: 40px;line-height: 40px;background: #f0e9e9;}
.cert .table tbody tr.tr-sel{background: #f8f8f8;}
.cert .table th,.table td{padding: 0 12px;text-align: left;}
.cert .table td a:hover{color: #ae0e16;}
.cert .table .th-1{width: 65px;}
.cert .table .th-2{width: 90px;}
.cert .table .th-3{width: 110px;}
.cert .table .th-4{width: 60px;}
.cert .table .th-5{width: 90px;}
.cert .table .th-6{width: 100px;}
.cert .table .th-7{width: 61px;}
.cert .table .th-8{width: 40px;}
.cert .table td label input{margin-right: 5px;*margin-right: 2px;margin-bottom: 2px;}
.cert .table td label{margin-right: 12px;*margin-right: 6px;}
/*上传图片*/
.cert .cert-box li .picture{width: 350px;height: 220px;border: 1px solid #ccb18e;border-radius: 5px;vertical-align: top;margin-bottom:22px;}
.cert .cert-box li .upload-pic{width: 94px;height: 94px;border: 1px dashed #ccb18e;border-radius: 5px;background: #f0efeb;text-align: center;line-height: 38px;vertical-align: bottom;margin-left: 130px;margin-top:10px; color: #888888;font-style: italic;font-size: 13px;cursor: pointer;
line-height: 94px;
font-style: inherit;
font-size:28px;
font-weight:500;
}
/*确定按钮*/
.cert .cert-box li.btn-confirm{margin-top: 35px;}
.cert .cert-box li.btn-confirm a{width: 320px;height:52px;background: #ae0e16;text-align: center;line-height: 52px;font-size: 18px;color: #ffffff;font-weight: 600;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.cert .btn-addcourse a{width: 60px;height:32px;background:#2e8ded;text-align: center;line-height: 32px;font-size: 18px;color: #ffffff;font-weight: 500;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; margin-right:30px;cursor:pointer;}
/*所在省份城市*/
.cert .cert-box li.city-prov{height: 40px;}
.cert .cert-box li.city-prov label{line-height: 38px;}
.cert .cert-box li.city-prov .city-sel{width: 500px;height: 40px;position: relative;margin-left: 4px;}
.cert .cert-box li.city-prov .city-sel>a{width: 70px;height: 38px;line-height:38px;font-size:12px;color:#333333;font-style:italic;padding:0 12px;border: 1px solid #ccb18e;border-radius: 3px;}
.cert .cert-box li.city-prov .city-sel>a>i{width: 13px;height: 8px;background: url("images/icon.png")/*tpa=http://www.crup.com.cn/Content/images/icon.png*/ no-repeat -273px 0;margin-top: 15px;}
.cert .city-list{position: absolute;top:40px;left:0;z-index: 999;width: 94px;min-height:30px;line-height: 30px;background: #ccb18e;border: 1px solid #c2a47c;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.cert .city-list a{width: 70px;padding: 0 12px;color: #ffffff;font-style: italic;font-size: 12px;}
.cert .city-list a:hover,.city-list a.active{background: #c2a47c;}
.cert .show{display: block;}

#distpicker select,.addcourse li select,#SEX {border-radius: 3px;
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #ccb18e;
/*很关键：将默认的select选择框样式清除*/
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 150px; height: 38px;line-height: 38px;font-size: 12px;color: #333333;font-style: normal;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../Scripts/province/xsanjiao.png")/*tpa=http://www.crup.com.cn/Scripts/province/xsanjiao.png*/ no-repeat scroll 115px center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖 padding-right: 30px;*/padding-left: 6px;
}
#distpicker select option,#DEPARTMENT option,.addcourse li select option,#SEX option{ width: 150px; padding: 0 12px;color: #ffffff;font-style: normal;font-size: 12px;position: absolute;top: 40px; left: 0;z-index: 999;width: 94px;min-height: 30px;line-height: 30px;background: #ccb18e;border: 1px solid #c2a47c;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

select::-ms-expand { display: none; }

#resform label.error {color:red;vertical-align:middle;float:right;}
#resform .chk-box label.error {color:red;vertical-align:middle;margin-left:0px;}
#resform .test label.error {margin-left:252px;}

/*用户注册协议*/
/*#protocol-con {border: 1px solid #CCCCCC;color: #666666;height: 312px;margin: 0 auto;overflow-y: scroll;padding: 8px;width: 788px; margin-top:10px;}*/
#protocol-con h4 {font-size: 14px;padding-bottom: 10px;text-align: center;}
#protocol-con h5 {padding: 5px 0;text-indent: 2em;}
#protocol-con p {text-indent: 2em;}
#protocol-con em {font-style: italic;}
#protocol-con span {text-decoration: underline;}
#protocol-con strong {margin-right: 5px;}