@charset "utf-8";
*{ margin:0; padding:0}
body { 
background:url(../images/bg.jpg) no-repeat top center #0066cb; background-size:cover;
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;
}

#body1,#login-body{
width: 90%;
margin: auto;
}
#body1-c{
width:98%;
max-width:1000px;
height:auto;
margin:50px auto;
background: #f6ffff;
}
#login-body-c{
width:98%;
max-width:530px;
height:auto;
margin:0 auto;
}
#body1-c1,#body-c1{
position: relative;
}
#body1-c4{
width:100%;
max-width:800px;
height:auto;
overflow:hidden;
min-height:80px;
padding-top:30px;
background: #d1dbe5;
position:relative;
}
#body1-c5{
width:100%;
height:auto;
overflow:hidden;
padding: 0px 0 30px 0;
position:relative;
box-shadow: 2px 2px 5px #f6ffff, -2px -2px 5px #f6ffff;
}

#body1-c5 .body1-title{
color:#05a3eb;
font-size: 28px;
font-weight: 600;
width:100%;
height: 80px;
line-height:80px;
text-align: center;
padding-top: 30px;
}
#body1-c5 table{
margin-bottom:20px;
padding: 0 20px;
}

#body1-c5 table tr td{
border:1px #ccc solid;
border-top: none;
border-right:0;	
font-size:15px;
line-height:20px; 
padding:10px; 
width: 20%;
height: 20px;
}
#body1-c5 table tr td:last-of-type{border-right:1px #ccc solid;}
#body1-c5 table tr:nth-of-type(2n) td{border-top:1px #ccc solid}
#body1-c5 table tr:last-of-type td{border-top:none}
#body1-c5 table td.content{
width: 30%;
background:#fff;
}
#body1-c5 table th{
padding: 5px 0;
font-size: 18px;
font-weight:bold;
color: #05a3eb;
}
#login-body-c6{
width:100%;
max-width:530px;
height:auto;
overflow:hidden;
min-height:80px;
padding-top:30px;
background: #fff;
position:relative;
}

#login-body #body-c1 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;
}
#login-body-c .login-title {
    position: absolute;
    color: #ffffff;
    font-size: 23px;
    margin-top: 5px;
    width: 100%;
    text-align: center;
}

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;font-size: 16px; line-height:38px;}
.bl-form .controls{ padding-top:10px; float:left;margin-left:10px;}
.bl-form .title{ width:286px; text-indent:8px; height:38px; line-height:21px; border:1px #A6B7CB solid; float:left;}
.bl-form .search{ 
	padding: 8px 120px;
    color: #fff;
    font-size: 20px;
    box-shadow: 1px 1px 3px #ccc;
    position: relative;
    left: 10px;
    border: none;
    cursor: pointer;
    background: #05a3eb;}
#post_form li{padding-bottom:20px; overflow:hidden;}
#post_form .title{outline:none; width:286px; text-indent:8px; height:34px; line-height:21px; border:1px #A6B7CB solid; float:left;}
#star li{display: inline-block;width:19px;height:19px;cursor:pointer;background:url(../images/star.png) no-repeat;}
@media screen and (max-width: 640px) { 
	#body1, #login-body {width: 100%;}
	#login-body-c .login-title {font-size: 18px; margin-top:7px;}
	#post_form{padding: 0 20px}
	#post_form .title{width:246px;}
	#post_form .label{ float:left;font-size: 14px; width:60px; text-align:right; padding-top:10px; }
	#login-body #body-c1 img {height: 40px;}
	#body1-c5 table {padding: 0 2px;}
	#body1-c5 table th {font-size: 15px;}
	#body1-c5 table tr td{font-size: 12px;padding:2% 1%; width: 24%}
	#body1-c5 table tr td:nth-of-type(2){width: 32%}
	#body1-c5 table tr td:nth-of-type(3){width: 18%}
	#body1-c5 table td.content{width: 22%}
	#body1-c5 table td.content:nth-of-type(1){width: 30%}
	#star li{width:12px;height: 12px;background-size:100% 100%;}
}