@charset 'UTF-8';
body{min-width:320px;}
.sections
{
    position: relative;

    width: 100%;
}
.manageBoard,
.placeholders,
.picFloor1,
.picFloor2,
.picFloor3
{
    width: 100%;
}
.picFloor1,
.picFloor2,
.picFloor3{position:relative;overflow:hidden;}
.picFloor1>div,
.picFloor2>div,
.picFloor3>div{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:center;}
.picFloor1>div{background-image:url(../images/freeschool1.jpg);}
.picFloor2>div{background-image:url(../images/freeschool2.jpg);}
.picFloor3>div{background-image:url(../images/freeschool3.jpg);}
.sections > div > img
{
    width: 100%;
}
.placeholders
{
    display: none;

    height: 50px;
}

.addFreeschool
{
    position: absolute;
    z-index: 9;
    top: 8.17%;
    left: calc((100% - 590px)/2);

    width: 530px;
    height: 275px;

    border-radius: 3px;
    background-color: rgb( 255, 255, 255 );
    -webkit-box-shadow: -2.5px 4.33px 5px 0 rgb( 182, 182, 182 );
       -moz-box-shadow: -2.5px 4.33px 5px 0 rgb( 182, 182, 182 );
            box-shadow: -2.5px 4.33px 5px 0 rgb( 182, 182, 182 );

        -ms-box-shadow: -2.5px 4.33px 5px 0 rgb( 182, 182, 182 );
}
.addUpStep,
.successStep
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.addUpStep
{
    /* display: none; */
}
.addUpStep h4,
.successStep h4
{
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    height: 55px;
    margin: 0 30px 10px;
    color: #2e9af7;
    border-bottom: 1px solid #e1e1e1;
}
.addUpStep p
{
    line-height: 60px;
    height: 60px;
    margin: 0 30px 0;
    font-size:14px;
    white-space:nowrap;
}
.addUpStep p span
{
    font-size: 18px;
    display: inline-block;
    width: 120px;
    text-indent: 8px;
    color: #313000;
}
.addUpStep p input
{
    display:inline-block;
    height: 38px;
    text-align: left;
    text-indent:5px;
    vertical-align: middle;
    line-height:38px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
        -ms-border-radius: 3px;
}
.addUpStep p:nth-child(2) input
{
    width: 310px;
}
.addUpStep .errorHolder{text-indent:150px;}
.addUpStep .errorHolder a{display:none;padding: 0;height: 15px;line-height: 15px;color: #F00;}
.addUpStep p:nth-child(3) input
{
    width: 160px;
    margin-right: 5px;
    margin-left: 5px;
}
.addUpStep .addNow,
.successStep .enterNow
{
    line-height: 43px;
    display: block;
    width: 279px;
    height: 43px;
    margin: 10px auto 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    outline: none;
    background-color: #2e9af7;
}
.successStep
{
    display: none;
}
.successStep h4
{
    text-align: center;
}
.successStep h4 i
{
    font-size: 30px;
    margin: 0 12px;
    vertical-align: middle;
    color: #2e9af7;
}
.successStep p
{
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    margin: 0 30px;
    white-space:nowrap;
}
.successStep p .sucItemName
{
    font-size: 16px;
    display: inline-block;
    width: 184px;
    text-indent: 104px;
}


.loginWall
{
    display:none;
    position: fixed;
    z-index: 2001;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0,0,0,.7);
}
.loginPanel
{
    position: absolute;
    top: 296px;
    left: calc((100% - 350px) / 2);

    width: 350px;
    height: 353px;

    border-radius: 3px;
    background-color: rgb( 255, 255, 255 );
}
.loginPanel h4
{
    font-size: 16px;
    line-height: 50px;

    height: 50px;
    margin: 0 0 30px;

    text-indent: 18px;

    color: #333;
    border-bottom: 1px solid #e1e1e1;
}
.loginPanel h4 .removeThisWall
{position: absolute;right: 0;top: 0;width: 50px;height: 50px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjhFNDlBQkI1M0IxMUU2OUNGQ0EyQThBMUIyQTk0RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjhFNDlBQ0I1M0IxMUU2OUNGQ0EyQThBMUIyQTk0RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2OEU0OUE5QjUzQjExRTY5Q0ZDQTJBOEExQjJBOTRFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2OEU0OUFBQjUzQjExRTY5Q0ZDQTJBOEExQjJBOTRFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+t1phSgAAAGxQTFRFnZ2d5+fn6urqnJycnp6eoaGh6enp5ubm+vr6h4eH6+vriIiIhoaGjo6O8PDw7e3tkpKShISEqqqq+fn57OzslpaW6OjoioqKlZWViYmJkZGR5OTkk5OT4+PjqKio5eXl8fHxhYWFp6en////hR0EpgAAACR0Uk5T//////////////////////////////////////////////8AWCwNDQAAAMZJREFUeNrs1EkSgyAQBdBuBkEkapzNnHj/O8ahQsyqobKFFS5egf93AVPwgkgiieSzarb/6jRN9K3dGRwqTZK8tMIZFLbM6YvdRQrJtlWQibPP7zM4wnoO8idHv8QSSIVZzwDlG/JsoDA8A/TvhcEoZc8xpMpGHg7SBLVvFlKEEOS9lCMYf4KQcdPMuTFforasGLhOKYLcblm5Tily/Ta4dKpokp+scH0kwl4e9PBXw65B1r7o4Z909zMHdXyUIonkD/IWYACqY0YyexnNTQAAAABJRU5ErkJggg==");background-repeat:no-repeat;background-size:40px;background-position:center;overflow: hidden;cursor: pointer;}
.loginPanel .textInput{display:block;text-indent:10px;margin:20px auto 0;width:288px;height:38px;border:1px solid #E9E9E9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;}
.loginPanel .checkboxInput{margin-left:32px;margin-top:20px;}
.loginPanel label{font-weight:normal;vertical-align:baseline;margin-left:5px;margin-bottom:0;}
.loginPanel .errorHolder {height:15px;line-height:15px;margin:0;text-indent:32px;}
.loginPanel .errorHolder .error{display:none;color:#F00;}
.loginPanel .loginPanellogin{  border-radius: 5px;display:block;margin:8px auto 0;
  background-color: #4BBBFA;
  color:#FFF;
text-align:center;
  width: 290px;
  height: 40px;
line-height:40px;}
.loginPanel p{height:30px;line-height:30px;margin:10px 32px;}
.loginPanel p a{color:#4BBBFA;}
.loginPanel p i{display:inline-block;width:3px;height:16px;border-right:1px solid #E1E1E1;margin-left:7px;margin-right:10px;vertical-align:sub;}
@media screen and (max-width:1024px)
{
    
    .addFreeschool{position:relative;margin-top:10px;margin-left:calc((100% - 530px)/2);left:0;
	-webkit-box-shadow: 0.5px 0.33px 4px 3px rgb( 182, 182, 182 );
       -moz-box-shadow: 0.5px 0.33px 4px 3px rgb( 182, 182, 182 );
            box-shadow: 0.5px 0.33px 4px 3px rgb( 182, 182, 182 );
        -ms-box-shadow: 0.5px 0.33px 4px 3px rgb( 182, 182, 182 );
    }
}
@media screen and (max-width:1000px){
	.placeholders
    {
        display: block;
    }
}
@media screen and (max-width:768px){
	.addFreeschool{}
}
@media screen and (max-width:425px){
	.addFreeschool{margin-left: calc((100% - 390px)/2);width: 390px;left:0;height: 275px;box-shadow:none;border:1px solid #E1E1E1;}
	.addUpStep h4, .successStep h4{font-size:16px;margin: 0 10px 10px;}
	.addUpStep p{margin:0 10px;}
	.addUpStep p span{width:110px;font-size:16px;text-indent:12px;}
	.addUpStep .errorHolder{text-indent:120px;}
	.addUpStep p:nth-child(2) input{width:240px;}
	.addUpStep p:nth-child(3) input{width:120px;}
	.successStep p .sucItemName{width:100px;text-indent:10px;}
	.loginPanel{top:200px;}
	.picFloor1>div,.picFloor2>div,.picFloor3>div{background-size:160% 100%;}
}
@media screen and (max-width:375px){
	.addFreeschool{margin-left: calc((100% - 361px)/2);width: 361px;left:0;height: 275px;}
	.addUpStep h4, .successStep h4{font-size:16px;margin: 0 10px 10px;}
	.successStep h4 i{margin:0 5px;}
	.addUpStep p{margin:0 10px;}
	.addUpStep p span{width:90px;font-size:16px;text-indent:5px;}
	.addUpStep .errorHolder{text-indent:100px;}
	.addUpStep p:nth-child(2) input{width:240px;}
	.addUpStep p:nth-child(3) input{width:120px;}
	.successStep p .sucItemName{width:100px;text-indent:10px;}
	.loginPanel{top:150px;}
}
@media screen and (max-width:360px){
	.addFreeschool{margin-left: calc((100% - 340px)/2);width: 340px;left:0;height: 275px;}
	.addUpStep h4, .successStep h4{font-size:16px;margin: 0 10px 10px;}
	.successStep h4 i{margin:0 2px;}
	.addUpStep p{margin:0 10px;}
	.addUpStep p span{width:80px;font-size:15px;text-indent:5px;}
	.addUpStep .errorHolder{text-indent:90px;}
	.addUpStep p:nth-child(2) input{width:230px;}
	.addUpStep p:nth-child(3) input{width:105px;}
	.successStep p{margin:0 15px;}
	.successStep p .sucItemName{width:80px;text-indent:0;}
	.loginPanel{top:100px;}
}
@media screen and (max-width:320px){
	.addFreeschool{margin-left: calc((100% - 300px)/2);width: 300px;left:0;height: 275px;}
	.addUpStep h4, .successStep h4{font-size:14px;margin: 0 10px 10px;}
	.successStep h4 i{margin:0 2px;font-size:24px;}
	.addUpStep p{margin:0 10px;}
	.addUpStep p span{width:70px;font-size:14px;text-indent:0px;}
	.addUpStep .errorHolder{text-indent:80px;}
	.addUpStep p:nth-child(2) input{width:190px;}
	.addUpStep p:nth-child(3) input{width:90px;}
	.successStep p{margin:0 10px;font-size:14px;}
	.successStep p .sucItemName{width:80px;text-indent:0;font-size:14px;}
	.loginPanel{top:100px;transform:scale(.85,.85);-webkit-transform:scale(.85,.85);-moz-transform:scale(.85,.85);-ms-transform:scale(.85,.85);}

}

/*date 2017.1.19*/