You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
2.2 KiB
126 lines
2.2 KiB
5 years ago
|
.bg{
|
||
|
|
width:100%;
|
||
|
|
height:1000px;
|
||
|
|
background:url("../images/experience.jpg") no-repeat 0 0/cover;
|
||
|
|
position:relative;
|
||
|
|
top:80px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
/*.online-title{*/
|
||
|
|
/* font-size:50px;*/
|
||
|
|
/* margin-top: 100px;*/
|
||
|
|
/*}*/
|
||
|
|
/*.online-content{*/
|
||
|
|
/* font-size:20px;*/
|
||
|
|
/* margin-top:30px;*/
|
||
|
|
/*}*/
|
||
|
|
.holderDiv {
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
.stepsWords{
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
margin:0 auto;
|
||
|
|
width:210px;
|
||
|
|
font-size:32px;
|
||
|
|
}
|
||
|
|
.stepsWords .steps-left{
|
||
|
|
position:absolute;
|
||
|
|
top:10px;
|
||
|
|
left:0;
|
||
|
|
width:25px;
|
||
|
|
height:25px;
|
||
|
|
background: url("../images/sprite.png") no-repeat 0 0;
|
||
|
|
}
|
||
|
|
.stepsWords .steps-right{
|
||
|
|
position:absolute;
|
||
|
|
top:10px;
|
||
|
|
right:0;
|
||
|
|
width:25px;
|
||
|
|
height:25px;
|
||
|
|
background: url("../images/sprite.png") no-repeat -25px 0;
|
||
|
|
}
|
||
|
|
.application{
|
||
|
|
position:relative;
|
||
|
|
width:900px;
|
||
|
|
height:500px;
|
||
|
|
background-color: #fff;
|
||
|
|
box-shadow: #666 0px 0px 10px;
|
||
|
|
margin:100px auto;
|
||
|
|
}
|
||
|
|
.application-left{
|
||
|
|
position: absolute;
|
||
|
|
top:30%;
|
||
|
|
left:2%;
|
||
|
|
width:40%;
|
||
|
|
}
|
||
|
|
.application-right{
|
||
|
|
width:60%;
|
||
|
|
padding:50px 40px;
|
||
|
|
}
|
||
|
|
.application-right-title{
|
||
|
|
font-size:25px;
|
||
|
|
text-align: left;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.application-right-form{
|
||
|
|
width:100%;
|
||
|
|
margin-top:50px;
|
||
|
|
}
|
||
|
|
.form-horizontal{
|
||
|
|
margin-top:60px;
|
||
|
|
}
|
||
|
|
.control-label{
|
||
|
|
font-size:20px;
|
||
|
|
font-weight: normal;
|
||
|
|
margin-top:5px;
|
||
|
|
}
|
||
|
|
.form-group{
|
||
|
|
margin-top:20px;
|
||
|
|
}
|
||
|
|
.verification-code{
|
||
|
|
width:100px;
|
||
|
|
height:50px;
|
||
|
|
background-color: #f0ad4e;
|
||
|
|
color:#fff;
|
||
|
|
border-radius: 0 6px 6px 0;
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
right:15px;
|
||
|
|
text-align: center;
|
||
|
|
font-size:17px;
|
||
|
|
line-height: 50px;
|
||
|
|
}
|
||
|
|
.btn{
|
||
|
|
width:100%;
|
||
|
|
height:50px;
|
||
|
|
margin-left:-60px;
|
||
|
|
margin-top:30px;
|
||
|
|
}
|
||
|
|
.orange-logo{
|
||
|
|
width:300px;
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 1025px) and (max-width: 1280px) {
|
||
|
|
.holderDiv{
|
||
|
|
height:152px;
|
||
|
|
}
|
||
|
|
.application{
|
||
|
|
width:810px;
|
||
|
|
height:477px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media screen and (min-width: 0) and (max-width: 1024px) {
|
||
|
|
.holderDiv{
|
||
|
|
height:126px;
|
||
|
|
}
|
||
|
|
.application{
|
||
|
|
width:810px;
|
||
|
|
height:470px;
|
||
|
|
}
|
||
|
|
.orange-logo{
|
||
|
|
width:290px;
|
||
|
|
}
|
||
|
|
.form-horizontal{
|
||
|
|
margin-top:45px;
|
||
|
|
}
|
||
|
|
}
|