@charset "utf-8";
*{ margin:0; padding:0}
body { 
background:url(/template/plugins/certificate/pc/skin/images/bg.jpg) no-repeat top center #fff89d; background-size:100%;
font-family:arial, helvetica, sans-serif; font-size:12px; color:#222222;}
a, a:visited, a:active { color:#1a5d96; text-decoration:none;}
a:hover { color:#0089fe; text-decoration:none;}
li,dd { list-style:none;}
img { border:none;}
span,em,i { font-style:normal; font-family:arial, helvetica, sans-serif;}
li a { font-family:arial, helvetica, sans-serif}
#main-div{
width:100%;
height:auto;
overflow:hidden;
margin:auto;
}
#head { 
height:200px;
width:100%; 
margin:0 auto;}
#nhead { 
height:10px;
width:100%; 
margin:0 auto;}
#body1{
width:100%;
max-width:1002px;
height:auto;
margin:0 auto;
/*background: no-repeat center top;*/
}
#body1-c{
width:98%;
/*max-width:530px;*/
height:auto;
margin:0 auto;
}
#body2-c{
width:98%;
max-width:560px;
height:auto;
margin:0 auto;
}
#body1-c1{
	position: relative;
}
#body1-c4{
width:100%;
max-width:530px;
height:auto;
overflow:hidden;
min-height:80px;
padding-top:30px;
background: #d1dbe5;
position:relative;
}
#body1-c5{
width:100%;
max-width:530px;
height:auto;
overflow:hidden;
padding-top:0px;
/*background: #d1dbe5;*/
position:relative;
}
#body2-c5{
width:100%;
/*max-width:530px;*/
height:auto;
overflow:hidden;
padding-top:0px;
/*background: #d1dbe5;*/
position:relative;
}
#body1-c6{
width:100%;
max-width:530px;
height:auto;
overflow:hidden;
min-height:80px;
padding-top:0px;
/*background: #d1dbe5;*/
position:relative;
margin: 0 auto;
}

#body1-c1 img{width:100%; height:auto;}

#body1-c5 img{width:100%; height:auto;}
#body1-c3{

height:auto;
overflow:hidden;
line-height:22px;
padding:5px;
color:#ffffff;
text-align:left;
background:#4f4f4f;

}
#body1-c03{

width:100%;

height:32px;

line-height:32px;

color:#ffffff;

text-align:center;

/*background: no-repeat;*/

}

ul,li{ margin:0; padding:0; list-style:none; clear:both;}
ul{ margin:0 auto;}
.bl-form .label{ float:left; width:120px; text-align:right; padding-top:10px; line-height:38px;color: #b11e31; font-size: 18px;font-weight: bold;}
.bl-form .controls{ padding-top:10px; float:left;margin-left:10px;}
.bl-form .controls input{ border: 1px solid #b11e31;}
.bl-form .title{ width:368px; text-indent:8px; height:38px; line-height:21px; border:1px #a6b7cb solid; float:left;}
.bl-form .search{ padding:6px 146px; cursor: pointer; background: #b11e31; border: 0px; color: #f9e680;height: 45px;font-size: 19px;}
.bl-form li{padding-bottom:20px; overflow:hidden;}
.body1-title {
    /*position: absolute;*/
    color: #b11e31;
    font-size: 70px;
    margin-top: 0px;
    margin-bottom: 80px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.body2-title {
    /*position: absolute;*/
    color: #b11e31;
    font-size: 46px;
    margin-top: 0px;
    margin-bottom: 46px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
@media screen and (max-width: 640px) { 
	#nhead { 
	height:20px;
	width:100%; 
	margin:0 auto;}
	.bl-form .label{ float:left; width:60px; text-align:right; padding-top:10px; color: #b11e31; font-weight: bold;}
	.bl-form .controls{ padding-top:10px; float:left;margin-left:10px;}
	.bl-form .title{ width:286px; text-indent:8px; height:34px; line-height:21px; border:1px #a6b7cb solid; float:left;}
	.body1-title {
	    position: absolute;
	    color: #b11e31;
	    font-size: 18px;
	    margin-top: 3px;
	    width: 100%;
	    text-align: center;
	}
}