@charset 'utf-8';
html,body{width:100%;height:100%;}
body{font-family:"hiragino sans gb","microsoft yahei";color:#686868;background:url("../image/intention_bg.png") no-repeat;background-size:100% 100%;background-position:center center;}

.intention .form-wrap{position:fixed;left:50%;width:600px;margin-left:-270px;padding:10px;background-color:#fff;border-radius:4px;}
.intention .form-wrap h4{margin:10px 0;letter-spacing:1px;font-weight:bold;}
.intention .form-wrap .intro{margin:15px 0;display:block;}
.intention .form-wrap .text-err{color:#f00;}
.intention .form-wrap p.intention-help{margin-top:10px;}
.intention .form-wrap p.form-tip{margin-bottom:15px;color:#999;}
.intention .form-wrap form{padding-left:13px;}
.intention .form-wrap form div.form-group{margin-bottom:25px;}
.intention .form-wrap form label{padding-left:0px;font-weight:normal;}
.intention .form-wrap span.text-num-limit{font-size:12px;}
.intention .form-wrap span.red{color:#f00;}
.intention .form-wrap .intention-tip{font-size:12px;}
#intention-mobile {
    display: block;
    width: 250px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    display: inline;
}

#intention-modal-wrap{display:none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;opacity:0.5;}
#intention-modal{display:none;position:fixed;top:20%;left:50%;z-index:1050;width:300px;margin-left:-150px;background-color:#fff;border:1px solid #eee;border-radius:5px;}
#intention-modal .intention-modal-head{padding:15px;border-bottom:1px solid #e5e5e5;}
#intention-modal .intention-modal-body{padding:15px;text-align:center;}
#intention-modal .intention-modal-body img{padding:20px 0;}
#intention-modal .intention-modal-body p{line-height:25px;text-align:left;}

@media screen and (max-width: 1080px){
    body{background-size:cover;}
    .intention .form-wrap{position:relative;top:0;left:0;width:90%;margin:5% auto;}
}