@media screen and (min-width: 800px) {
    .container { display: none; }
}
@media screen and (max-width: 799px) {
    .no-mobile { display: none; }
}
@media screen and (max-width: 499px) {
    .logo img { width: 35%; max-width: 253px; }
}
@media only screen and (min-width: 10px) {
    body { font-size: 10px !important; }
    .position h3 { font-size: 13px !important; }
    .position-detail div { font-size: 13px !important; }
    .recruitment { width: 95%; margin: 0 auto; }
}
@media only screen and (min-width:320px) {
    body { font-size: 10.5px !important; }
    .position h3 { font-size: 13px !important; }
    .position-detail div { font-size: 13px !important; }
    .recruitment { width: 90%; margin: 0 auto; }
}
@media only screen and (min-width:360px) {
    body { font-size: 11.5px !important; }
    .position h3 { font-size: 14px !important; }
    .position-detail div { font-size: 14px !important; }
    .recruitment { width: 85%; margin: 0 auto; }
}
@media only screen and (min-width:480px) {
    body { font-size: 12.5px !important; }
    .position h3 { font-size: 15px !important; }
    .position-detail div { font-size: 15px !important; }
    .recruitment { width: 80%; margin: 0 auto; }
}

* { margin: 0px; border: 0px; padding: 0px; -webkit-text-size-adjust: 100%; }
a { cursor: pointer; }
body { min-width: 280px; color: #333; font-family: 'Helvetica', 'Lucida Grande', 'Microsoft YaHei', sans-serif; }

.no-mobile { margin-top: 100px; text-align: center; font-size: 12px; }
.logo { width: 100%; text-align: center; margin-top: 50px; }
.section { width: 100%; text-align: center; margin-top: 62px; margin-bottom: 50px;-webkit-overflow-scrolling: auto; }
.btn-next, .btn-position { background: #FECB02; color:#333;font-weight: bold; width: 70%; height: 40px; font-size: 14px; letter-spacing: 1px; border-radius: 5px; -webkit-appearance: none; }
.btn-next2 { background: #FECB02; color:#333;font-weight: bold; width: 40%; height: 40px; font-size: 14px; letter-spacing: 1px; border-radius: 5px; -webkit-appearance: none; }
.btn-back { background: #999; color: white; width: 30%; height: 40px; font-size: 14px; letter-spacing: 1px; border-radius: 5px; -webkit-appearance: none; }
.btn-area { width: 30%; height: 25px; display: inline; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; background: #CE112E; color: white; }
.btn-add { width: 40px;height: 25px; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; background: #FECB02; color: #333;float: right; }
.btn-del { width: 40px;height: 25px; border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none; background: #999; color: white;float: right; }
.shop-rec, .headquarters-rec, .campus-rec { width: 100%; text-align: center; margin-top: 50px; }
.jobSerch { width: 38%; padding-left: 5px;display: inline-block; }

.work { margin-bottom: 30px; }
.work ul { margin: 6px auto !important; }
.education { margin-bottom: 30px; }
.education ul { margin: 6px auto !important; }
.language { margin-bottom: 30px; }
.language ul { margin: 6px auto !important; }
.skill { margin-bottom: 30px; }
.skill ul { margin: 6px auto !important; }

.position { width: 60%; min-width: 220px; margin: 0 auto; }
.position h3 { text-align: left; margin: 10px 0; color: #333; }
.position ul { margin-left: 15px; }
.position ul li { text-align: left; list-style-type: none; margin-top: 10px; }
.position ul li a { text-decoration: underline; color: #3C5CC2; }

.position-detail { margin: 0 auto; width: 80%; text-align: left; }
.position-detail div { color: #333; margin-top: 10px; }
.position-detail p { line-height: 20px; padding-left: 5px; }

.recruitment .progress { width: 90%; height: 25px; margin: 0 auto; margin-bottom: 20px; border: 1px solid #CE112E; }
.recruitment #progress { width: 0%; height: 100%; background: #CE112E no-repeat; }
.recruitment ul { width: 90%; margin: 10px auto; text-align: left; }
.recruitment ul li { list-style-type: none; margin-top: 5px; }
.colorRed{color:#DA0023;}
.recruitment input[type='text'] { width: 96%; border: 1px solid #999; height: 25px; background: white; text-indent: 8px; border-radius: 4px; }
.recruitment input[type='text']:focus { border-color: #CE112E; outline: 0; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; }
.recruitment select { width: 96%; height: 25px; background: white; border: 1px solid #999; border-radius: 4px;  }
.recruitment select:focus { border-color: #CE112E; outline: 0; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; }
.recruitment textarea {  width: 96%; background: white;text-indent: 8px; border: 1px solid #999; border-radius: 4px;   }
.recruitment textarea:focus { border-color: #CE112E; outline: 0; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2) !important; }

.ul-position { margin-bottom: 20px !important; }
.ul-position li{ float: left;color: #333; }
.ul-position:after { display: block;content: ".";clear: both;height: 0;visibility: hidden; }

#step_preview ul li { float: left; }
#step_preview ul li:first-child { width: 35%;text-align: right; }
#step_preview ul li:last-child { width: 65%;text-align: left;color: #666; }
#step_preview ul:after { display: block;content: ".";clear: both;height: 0;visibility: hidden; }
#step_preview .titlePreview { height: 30px;margin: 20px auto;line-height: 30px;background: #e7e7e7;font-size: 14px;font-weight: bold; }


#AreaOrShop { width: 80%; height: auto; border: solid 5px #ccc; position: absolute; z-index: 2; background-color: white; padding: 10px; display: none; }
#AreaOrShop .remind { padding-left: 10px; color: red;line-height: 24px; }
#SelectAreaOrShop { width: 60px; height: 23px; border: 0; background-image: url(../../../image/btn_queding.jpg); background-repeat: no-repeat; float: right; }
#CloseAreaOrShop { width: 60px; height: 23px; border: 0; background-image: url(../../../image/btn_guanbi.jpg); background-repeat: no-repeat; float: right; margin-left: 5px; }
#AreaOrShopTitle { font-size: 15px; font-weight: bolder; line-height: 23px; float: left; }
#DividingLine { border-top: 1px solid #ccc; height: 10px; }
#AreaOrShopContent { max-height: 300px;overflow: auto;}
#AreaOrShopContent .area { float: left;margin: 4px 0;line-height: 16px;width: 55px;}
#AreaOrShopContent .shop { float: left;margin: 4px 0;line-height: 16px;width: 48%; min-width: 110px;}
#AreaOrShopContent label { cursor: pointer;}
.colse{ float: right;margin-top: 7px;margin-right: 10px;cursor: pointer;width: 10px;height: 10px;background: url(../images/close.png)}

#address select { width: 30% !important;margin-right: 2%; }

/*ajax加载效果*/
.ajax_loading {position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;background-color:transparent;}
.ajax_loading_inner {cursor: wait;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;position:fixed;top:40%;left:50%;margin-left:-70px;margin-top:-48px;width:140px;border-radius:6px !important;font-size:14px;padding:58px 0 10px 0}
.ajax_loading_icon {position:absolute;top:15px;left:50%;margin-left:-16px;width:24px;height:24px;border:2px solid #fff;border-radius:24px;-webkit-animation:gif 1s infinite linear;animation:gif 1s infinite linear;clip:rect(0 auto 12px 0);}
@keyframes gif {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes gif {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}



.am-modal.am-modal-active
{
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto;
}

.am-modal
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1110;
    display: none;
    opacity: 0;
    outline: 0;
    text-align: center;
    -webkit-transform: scale(1.185);
    -ms-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.am-modal:before
{
    content: "\200B";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.am-modal-dialog
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    max-width: 320px;
    border-radius: 0;
    background: #f8f8f8;
}

.am-modal-hd
{
    padding: 15px 10px 10px 10px;
    font-size: 18px;
    font-weight: 500;
}

.am-modal-bd
{
    padding: 15px 10px;
    text-align: center;
    border-bottom: 1px solid #dedede;
    border-radius: 2px 2px 0 0;
}

.am-modal-hd + .am-modal-bd
{
    padding-top: 0;
}

.am-modal-footer
{
    height: 44px;
    overflow: hidden;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.am-modal-btn
{
    display: table-cell !important;
    padding: 0 5px;
    height: 44px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    color: #CE112E;
    display: none;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-right: 1px solid #dedede;
}

.am-modal-btn:first-child
{
    border-radius: 0;
}

.am-modal-btn:last-child
{
    border-right: none;
    border-radius: 0;
}

.am-modal-btn + .am-modal-btn
{
    border-left: 1px solid #dedede;
}

.am-dimmer
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1100;
    opacity: 0;
}

.am-dimmer.am-active
{
    opacity: 1;
}