@charset "utf-8";

.bg {
    /*background: url(../images//main-bg.png) repeat;*/
    background: url(../images/body_bg.png) repeat-x;
    color: white;
    font-size: 14px;
}

.header-defult {
    background:#0258A0;
}

.collect {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    background: url(../Images/star.png) center center no-repeat;
    background-size: 26px 26px;
    margin-top:3px;
    margin-right:3px;
}
.register
{
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    background: url(../Images/register.png) center center no-repeat;
    background-size: 26px 26px;
    margin-top:3px;
    margin-right:3px;
}
.login_master {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    background: url(../Images/user2.png) center center no-repeat;
    background-size: 26px 26px;
    margin-top:3px;
    margin-right:3px;

}

.add {
    width: 80px;
    background: #dedede;
    font-size: 12px;
    text-align: center;
    /*margin-left: 3px;*/
    height: 27px;
    line-height: 27px;
    float: left;
    margin-top: 3px;
}

    .add a:hover {
        text-decoration: none;
    }

.left-part {
    float: left;
    margin-top: 5px;
}

.right-part {
    float: right;
}

.user_master {
    background: #dedede;
    font-size: 13px;
    text-align: center;
    /*margin-left: 3px;*/
    padding-top: 6px;
    padding-bottom: 6px;
    color: #00afdc;
}

.pic {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

/*.container
{
    padding-top: 40px;
}*/

.shadow {
    display: block;
    padding: 22px 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 14px;
    width: 120px;
    margin-left: 15px;
    float: left;
    margin-bottom: 15px;
}

.test-info {
    background-color: #097679;
}

.change-password {
    background-color: #b01a40;
}

.view-results {
    background-color: #46aa1f;
}

.print-form {
    background-color: #408afa;
}

.print-admission-ticket {
    background-color: #e99a1e;
}

.home {
    background-color: #e99a1e;
}

.test-announcement {
    background-color: #b01a40;
}

.laws-and-regulations {
    background-color: #46aa1f;
}

.login-off {
    background-color: #d24726;
}

.home-icon {
    background: url(../images//home-icon.png) top center no-repeat;
}

.test-announcement-icon {
    background: url(../images//test-announcement.png) top center no-repeat;
}

.laws-and-regulations-icon {
    background: url(../images//laws-and-regulations.png) top center no-repeat;
}

.latest-notice-icon {
    background: url(../images//latest-notice.png) top center no-repeat;
}

.login-off-icon {
    background: url(../images//login-off.png) top center no-repeat;
}

.test-info-icon {
    background: url(../images//test-info.png) center center no-repeat;
}

.change-password-icon {
    background: url(../images//change-password.png) center center no-repeat;
}

.view-results-icon {
    background: url(../images//view-results.png) center center no-repeat;
}

.print-form-icon {
    background: url(../images//print-form.png) center center no-repeat;
}

.print-admission-ticket-icon {
    background: url(../images//print-admission-ticket.png) center center no-repeat;
}

.icon {
    display: block;
    padding-top: 40px;
    color: white;
    font-size: 15px;
}

.icon-main {
    display: block;
    padding: 60px 0;
}

.shadow-main {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px 0;
    font-size: 22px;
    text-align: center;
    color: white;
    padding-bottom: 59px;
    margin-bottom: 10px;
}

.col-md-7 a:hover {
    text-decoration: none;
    color: white;
}

.shadow-main:hover {
    text-decoration: none;
    color: white;
}

.col-md-6 {
    overflow: hidden;
}

/*no-name*/
.content {
    background: url(../images/background.png);
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.title, .button {
    height: 15%;
    font-size: 22px;
}

.title {
    border-bottom: 2px solid #E99A1E;
    margin-top: 20px;
    padding-bottom: 5px;
    color: #222;
    margin-bottom: 20px;
    width: 99%;
}

.button {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
}

.main {
    height: 70%;
}

.submit {
    border: 0;
    width: 80px;
    background: #408AFA;
    color: white;
    padding: 8px 0;
}

    .submit:hover {
        color: #8ecdec;
    }

.cancel:hover {
    color: #e9a493;
}

.cancel {
    border: 0;
    width: 80px;
    background: #D24726;
    color: white;
    padding: 8px 0;
}

.next {
    border: 0;
    width: 80px;
    background: #46aa1f;
    color: white;
    padding: 8px 0;
}



/*.row
{
    margin-left: 0px;
    margin-right: 0px;
}*/

.ul-distance {
    padding-left: 0;
    list-style: none;
}

.li-distance {
    padding: 8px 0;
    margin-top: 10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    max-height: 40px;
    overflow: hidden;
}

.define-color, .define:hover {
    color: white;
    font-size: 15px;
}

.define-color {
    text-decoration: none;
}

.image-position {
    max-width: 18px;
    margin-right: 5px;
    margin-left: 10px;
}

.position-one {
    margin-top: -3px;
}

.position-two {
    margin-top: -2px;
}

.position-three {
}

.position-four {
}

.position-five {
    margin-top: -3px;
}

.right-distance {
    padding-right: 8px;
    padding-left: 8px;
}

.ajax_loader {
    background: url("../images/ajax-loader_blue.gif") no-repeat center center transparent;
    width: 100%;
    height: 100%;
}
/* CSS Document */

.ioubo {
    text-decoration: none;
    color: #777;
    background: url(../images/home/ioubo.png) left center no-repeat;
    padding-left: 20px;
}


.success-message {
    width: 100%;
    height: 29px;
    background-color: #4b94d2;
    background-image: linear-gradient(to bottom,#93c6f2,#4b94d2);
    border: 1px solid #6cabe1;
    margin-top: 15px;
    padding-left: 10px;
    display: none;
}

.form-success-message {
    width: 100%;
    height: 29px;
    background: #4b94d2;
    margin-top: 15px;
    padding-left: 10px;
    display: none;
}

.error-message {
    width: 100%;
    background-color: #b94a48;
    height: 29px;
    background-image: linear-gradient(to bottom,#e19c9a,#b94a48);
    border: 1px solid #c55f5d;
    margin-top: 15px;
    padding-left: 10px;
    display: none;
}

.form-error-message {
    width: 90%;
    height: 29px;
    background: #b94a48;
    margin-top: 15px;
    margin: 0px auto;
    padding-left: 10px;
    display: none;
    margin-bottom: 15px;
}

.search span
{
    color: #fff;
    font-size: 14px;
    line-height: 29px;
    background: url(../images/info-icon.png) left center no-repeat;
    display: block;
    padding-left: 30px;
}

.search em
{
    width: 12px;
    height: 12px;
    background: url(../images/popup-close.png) no-repeat;
    float: right;
    margin-top: -20px;
    margin-right: 10px;
}
.examination-process
{
    list-style:none; 
    float:left;
    width:19%;
    font-size:16px;
    text-align:center;
    background: url(../images/li-bg.png) left center repeat-x;
}
.apply-process, .online-process, .locale-process, .paper-test
{
    padding:8px 0;
    width:70%;
    margin-right:30%;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.apply-process
{
    background:#d24726;
}
.online-process
{
    background:#b01a40;
}
.locale-process
{
    background:#408afa;
}
.paper-test
{
    background:#e99a1e;
}
.last-li
{
    background:none;
    padding:8px 0;

}
.process-icon
{
     background: url(../images/process-icon.png) left center no-repeat;
     background-size:26px;
     text-align:left;
     padding:5px 0;
     padding-left:35px;
     font-size:20px;
}
.status-process
{
    /*width:80%;*/
    margin:0 auto;
    padding:6px 0;
    color:red;
    /*border:2px solid white;*/
}
        .hotline
        {
           width:100%;
           margin:0 auto;
        }
    .left-line span
    {
         background:url(../images/left-line.png) left center no-repeat;
         padding:10px 20px 10px 35px;
    }
    .right-line span
    {
         background:url(../images/right-line.png) left center no-repeat;
         padding:10px 20px 10px 35px;
    }
.left-line, .right-line
{
    color:#FF6207;
    font-size:16px;
    width:50%;
    display:inline
}
.left-line
{
    padding-right:20px;
    border-right:1px solid #777;
    float: left; 
    text-align: right; 
    margin-top: 10px;
}
.right-line
{
    float: right; 
    text-align: left;
    margin-top:10px;
    padding-left:22px;
}
.dwrc
{
    background:#00a500;
}
.szwzrs
{
    background:#36a5f2;
    margin-left:-10px;
    margin-right:20px;
}
.dwrc, .szwzrs
{
    font-size:16px; 
    color:white;
    padding:6px 14px;
    letter-spacing:2px;
}
    .dwrc:hover, .szwzrs:hover
    {
        color:white;
    }