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.
|
|
|
.bg{
|
|
|
|
width:100%;
|
|
|
|
height:1000px;
|
|
|
|
background:url("../images/experience.jpg") no-repeat 0 0/cover;
|
|
|
|
position:relative;
|
|
|
|
top:80px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.holderDiv {
|
|
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
.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:80px;
|
|
|
|
}
|
|
|
|
.control-label{
|
|
|
|
font-size:20px;
|
|
|
|
font-weight: normal;
|
|
|
|
margin-top:5px;
|
|
|
|
}
|
|
|
|
.form-group{
|
|
|
|
margin-top:20px;
|
|
|
|
}
|
|
|
|
.btn{
|
|
|
|
width:100%;
|
|
|
|
height:50px;
|
|
|
|
margin-top:20px;
|
|
|
|
}
|
|
|
|
.orange-logo{
|
|
|
|
width:300px;
|
|
|
|
}
|
|
|
|
.jump{
|
|
|
|
width:108px;
|
|
|
|
font-size:18px;
|
|
|
|
margin-top:23px;
|
|
|
|
margin-left:334px;
|
|
|
|
font-family: 'sans-serif';
|
|
|
|
cursor: pointer;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.right-arrow{
|
|
|
|
width:30px;
|
|
|
|
height:13px;
|
|
|
|
background:url("../images/youjiantou.png") no-repeat center/cover;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
@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;
|
|
|
|
}
|
|
|
|
}
|