@charset "utf-8";
html{
    color:#000;
    background:#FFF;
    height: 100%;
    width: 100%;
    font-size: 625%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin:0;
    padding:0;
}
body{
    background-image: url('../images/exam_bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
    text-decoration: none;
    color:inherit;
}
em,
strong,
b,
u,
i{
    font-style:normal;
    font-weight:normal;
}
ol,
ul {
    list-style:none;
}
h1,
h2,
h3{
    font-size:100%;
    font-weight:normal;
}
input,
textarea,
select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    *font-size:100%; /*to enable resizing for IE*/
}
img {
    border: 0 none;
}
input {
    border: none;
}
.clear { clear: both; }
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
    body{
        background-image: url('../images/exam_m_bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
    }
}
.main{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.form-div .form_title{
    height: 60px;
    color: #fff;
    background-color: #074ba4;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
}
.titre{
    border-bottom: 1px solid #CCC;
    margin-bottom: 30px;
    margin-top: 30px;
}
.form_con h2{
    margin-bottom:20px;
    border-left:3px solid #074ba4;
    padding-left: 20px;
    color: #074ba4;
    font-size: 20px;
}
.warning{
    width: 100%;
    background: url("../images/jinggao.png") no-repeat center top;
    text-align: center;
    height: 64px;
}
.warning-text{
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.table{
    border:1px solid #ddd;
}
.table tr td{
    border:1px solid #FFF;
    padding-left: 30px;
}
.table tr td img{
    margin:20px;
}
.table tr:nth-child(even){
    background: #e7f5fd;
}
.table tr td.blue{
    background: #a9d5f5;
    color: #000;
    width: 140px;
    text-align: right;
    padding-right: 30px;
}
.table tr td a{
    color: #074ba4;
    text-decoration: underline;
}
.bluetit{
    background: #a9d5f5 !important;
}
.bluetit th{
    font-weight:bold;
    color: #000;
}
.exam_main{
    height: 40%;
    width: 6rem;
    margin: 30% auto;
}