/*# sourceMappingURL=style.css.map */
.concept,.policy,.hiring,.form1{
max-width: 1200px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.concept.on,.policy.on,.hiring.on{
margin-top: 76px;
}
.concept .row h2{
font-size: 36px;
line-height: 40px;
color: #006cb8;
margin: 0 0 50px;
}
.concept .row .pic{
width: 100%;
overflow: hidden;
}
.concept .row .pic img{
display: block;
width: 100%;
}
.concept .row .box h3{
font-size: 22px;
color: #000;
line-height: 30px;
margin:15px 0 10px;
}
.concept .row .pd22{
padding:0 22px;
}
.concept .row .box .details{
font-size: 14px;
line-height: 24px;
color: #484848;
}
.policy .row .box{margin-bottom: 65px}
.policy .row .box .box-bor{
height: 100%;
border-bottom: 1px solid #e0e0e0;
}
.policy .row .box:nth-child(odd){
padding-right:27px;
}
.policy .row .box:nth-child(even){
padding-left:27px;
}
.policy .row .box i{
display: block;
width: 50px;
font-size: 48px;
color: #0372cd;
line-height: 52px;
font-family: 'BebasNeueRegular';
font-style: normal;
position: absolute;
top: -2px;
left: 15px;
}
.policy .row .box:nth-child(even) i{
left: 27px;
}
.policy .row .box .details,.policy .row .box .details p{
font-size:14px;
line-height: 28px;
color: #666666;
}
.policy .row .box .details{
padding: 0 10px 60px 55px;
text-align: justify;
}
.policy .row .box .details p{margin-bottom: 0;}
.policy .row .box .details p span{
color: #e60012;
line-height: 28px;
font-size: 18px;
letter-spacing: 1px;
}
.hiring .search {
width: 782px;
margin: 0 auto 36px;
overflow: hidden;
}
.hiring .row .search .sel{
float: left;
width: 26%;
height: 39px;
line-height: 39px;
margin-right: 20px;
color: #969696;
font-size: 14px;
border:1px solid #dcdcdc;
}
.hiring .row .search .text{
float: left;
width: 26%;
height: 39px;
line-height: 39px;
margin-right: 20px;
color: #969696;
border:1px solid #dcdcdc;
font-size: 14px;
padding: 0 10px;
}
.hiring .row .search .ui-selectbox{
margin:0 17px 0 0;
height: 39px;
line-height: 39px;
float: left;
border:1px solid #dcdcdc;
}
.hiring .row .search .submit{
width: 14%;
height: 39px;
float: left;
background-color: #0372cd;
text-align: center;
font-size: 14px;
color: #fff;
border:0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.hiring .row .search .submit:hover{
background-color: #006cb8;
}
/*.hiring .row .tabl{
text-align: center;
margin-bottom: 80px;
}
.hiring .row .tabl tr th{
font-size: 18px;
line-height: 24px;
padding: 16px 0;
font-weight: normal;
color: #fff;
background-color: #0372cd;
text-align: center;
}
.hiring .row .tabl tr td{
font-size: 16px;
line-height: 26px;
padding: 18px 10px;
color: #666;
}
.hiring .row .tabl tr td a{
color: #0372cd;
}
.hiring .row .tabl tr td a:hover{
color: #006cb8;
text-decoration: underline;
}
.inner-main{display: none;}
*/
.hiring .tabl{margin-bottom: 80px}
.hiring .tabl .title tr th{
font-size: 18px;
line-height: 24px;
padding: 16px 0;
font-weight: normal;
color: #fff;
background-color: #0372cd;
text-align: center;
}
.hiring .tabl .listbox li .tit table tr th{
font-size: 16px;
line-height: 26px;
padding: 18px 10px;
color: #666;
font-weight: normal;
text-align: center;
}
.hiring .tabl .listbox li .tit table tr th .btn{
color: #e60012;
}
.hiring .tabl .listbox li .tit,.hiring .tabl .listbox li .box .list,.hiring .tabl .listbox li .box .details{
border-bottom: 1px solid #dedddd
}
.hiring .tabl .listbox li .box{
background-color: #eee;
padding: 30px 40px 50px;
display: none;
}
.hiring .tabl .listbox li .box .list{
padding-bottom: 20px;
margin-bottom: 25px;
}
.hiring .tabl .listbox li .box .list .fa{
width: 25%;
float: left;
font-size: 14px;
line-height: 24px;
color: #808080;
margin-bottom: 5px;
}
.hiring .tabl .listbox li .box .details{
padding-bottom: 30px;
margin-bottom: 30px;
}
.hiring .tabl .listbox li .box .details .left,.hiring .tabl .listbox li .box .details .right{
font-size: 14px;
line-height: 24px;
color: #808080;
}
.hiring .tabl .listbox li .box .details .left{
width: 45%;
float: left;
}
.hiring .tabl .listbox li .box .details .right{
width: 47%;
float: right;
}
.hiring .tabl .listbox li .box .details .left h3,.hiring .tabl .listbox li .box .details .right h3{
font-size: 20px;
line-height: 30px;
color: #444;
margin: 0 0 15px;
}
.hiring .tabl .listbox li .box .btnn{
display: block;
width: 130px;
height: 42px;
line-height: 42px;
color: #fff;
text-align: center;
font-size: 15px;
background-color: #0063a9;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.hiring .tabl .listbox li .box .btnn:hover{
background-color:#0372cd;
}
@media (min-width:320px) and (max-width:767px){
.concept,.policy,.hiring{
padding-left:4.5%;
padding-right:4.5%;
}
.concept.on,.policy.on,.hiring.on{margin-top:30px;}
.concept .mrr{margin-bottom: 30px;}
.concept .row .box h3{font-size: 18px;line-height: 26px;}
.concept .row .pd22{padding: 0 15px;}
.concept .row h2{font-size: 20px;line-height: 26px;margin-bottom: 30px;}
.policy .row .box:nth-child(odd),.policy .row .box:nth-child(even){padding:0 15px 0 15px;}
.policy .row .box:nth-child(even) i{left: 15px;}
.policy .row .box .details{padding: 0 10px 40px 55px;}
.policy .row .box{margin-bottom: 30px;}
.policy .row .box i{font-size: 40px;line-height: 45px;}
.policy .row .box .details, .policy .row .box .details p{line-height: 24px;}
.hiring .search{width:100%;}
.hiring .row .search .sel{width: 47.5%;margin: 0 ;padding: 0}
.hiring .row .search .ui-selectbox{width:90%; margin:0 1% 10px}
.hiring .row .search .text{width: 48%;margin:0 1% 0}
.hiring .row .search .submit{width: 30%;margin:0 1% 0}
/*.hiring .row .tabl tr th{
font-size: 16px;
line-height: 20px;
padding: 10px 0;
}
.hiring .row .tabl tr td{
font-size: 14px;
line-height: 20px;
padding: 10px 3px;
}
.hiring .row .tabl{margin-bottom: 35px;}
.ttpd{
padding-right:0px;
padding-left:0px;
}*/
.form1 .z-socdtl-box .applay-tb{
width:100%;
margin: 0 auto;
}
.form1 .z-socdtl-box .applay-tb td{
display: block;
position: relative;
}
.form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){
float: left;
width: 20%;
padding-right: 10px;
margin-top: 5px;
}
.form1 .z-socdtl-box .applay-tb textarea.applay-input{
width: 150px;
}
.form1 .z-socdtl-box .applay-tb .submit{
display: block;
}
.form1 .z-socdtl-box .applay-tb .applay-input{
width:150px;
}
.form1 .z-socdtl-box .applay-tb select.applay-input{
width:172px;
}
.hiring .tabl .listbox li .box .list .fa{
width: 50%;
}
.hiring .tabl .listbox li .box{
padding: 20px 10px 30px;
}
.hiring .tabl .listbox li .box .details .left,.hiring .tabl .listbox li .box .details .right{
width: 100%;
float: none;
}
.hiring .tabl .listbox li .box .details .left{margin-bottom:20px;}
.hiring .tabl .listbox li .tit table tr th{
padding: 18px 0px;
font-size: 15px;
}
.hiring .tabl .title tr th{
font-size: 16px;
}
.hiring .tabl .listbox li .box .btnn{
width: 110px;
line-height: 38px;
height: 38px;
font-size: 14px;
}
.hiring .tabl .listbox li .box .details .left h3, .hiring .tabl .listbox li .box .details .right h3{
font-size: 17px;
line-height: 26px;
}
.hiring .tabl .listbox li .box .details{
padding-bottom: 20px;
margin-bottom: 20px;
}
}
@media (min-width:768px) and (max-width:992px){
.concept,.policy{
padding-left: 30px;
padding-right: 30px;
}
.concept.on,.policy.on,.hiring.on{margin-top:30px;}
.concept .mrr .pic{width: 50%;float: left;}
.concept .mrr .box{float: right;width: 50%;padding:2% 5%;}
.concept .mrr:nth-child(even) .pic{float: right;}
.concept .mrr:nth-child(even) .box{float: left;width: 50%;padding:2% 5%;}
.policy .row .box:nth-child(odd),.policy .row .box:nth-child(even){padding:0 15px 0 15px;}
.policy .row .box:nth-child(even) i{left: 15px;}
.policy .row .box .details{padding: 0 10px 40px 55px;}
.policy .row .box{margin-bottom: 30px;}
.hiring .search{width:100%;}
.hiring .tabl .listbox li .box .list .fa{
width: 33.3%;
}
.hiring .tabl .listbox li .box{
padding: 30px 30px 50px;
}
}
/*@media (min-width:992px){
.form1 .z-socdtl-box .applay-tb{
width:100%;
margin: 30px auto 0;
/*background-color: #eee;*/
/* }
.z-socdtl-box .applay-tb .spred {
font-size: 18px;
font-family: Arial;
color:#F00;
margin-left: 12px;
}
.z-socdtl-box .applay-tb {
border:0;
border-width: 0 0 1px 1px;}
.z-socdtl-box .applay-tb td {
border:0;
border-width:1px 1px 0 0;
font-size: 14px;
}
.z-socdtl-box .applay-tb td {
line-height: 1.8;
}
.z-socdtl-box .applay-tb .applay-input{
height: 32px;
padding: 6px 10px;
line-height: 32px;
color: #666;
border: 1px solid #dddddd;
box-shadow: 2px 2px 2px #f4f4f4 inset;
background: #fff;
font-size: 14px;
}
.z-socdtl-box .applay-tb select.applay-input{
height: 34px;
}
.z-socdtl-box .applay-tb textarea.applay-input{
height: 100px;
resize:none;
}
.z-socdtl-box .applay-tb .applay-input.code{
float:left;
width: 70px;
margin-right: 8px;
}
.z-socdtl-box .applay-tb .submit{
width: 150px;
height: 32px;
background: #f5bc00;
font-size: 16px;
color: #fff;
cursor: pointer;
border:1px solid #f5bc00;
outline: none;
transition:all .3s linear;
}
.z-socdtl-box .applay-tb .submit:hover{
background: #fff;
border:1px solid #f5bc00;
color:#f5bc00;
}
.z-socdtl-box .applay-tb .error {
border-color: #D70128;
}
.z-socdtl-box img{
width:110px;
height:32px;
float:left;
}
.z-socdtl-box .applay-tb select.applay-input,.z-socdtl-box .applay-tb .applay-input{
width: 195px;
}
.z-socdtl-box .applay-tb td{
padding: 8px 4px;
}
.z-socdtl-box .applay-tb textarea.applay-input{
width: 808px;
}
}
@media (min-width:1100px){
.z-socdtl-box .applay-tb select.applay-input,.z-socdtl-box .applay-tb .applay-input{
width: 200px;
}
.z-socdtl-box .applay-tb td{
padding: 8px 6px;
}
}*/
.form1 .z-socdtl-box .applay-tb{
width: 100%;
margin: 30px auto 0;
}
.form1 .z-socdtl-box .applay-tb .spred {
font-size: 18px;
font-family: Arial;
color:#F00;
margin-left: 12px;
}
.form1 .z-socdtl-box .applay-tb {
border:0;
border-width: 0 0 1px 1px;}
.form1 .z-socdtl-box .applay-tb td {
padding: 8px 6px;
border:0;
border-width:1px 1px 0 0;
font-size: 14px;
}
.form1 .z-socdtl-box .applay-tb td {
line-height: 1.8;
}
.form1 .z-socdtl-box .applay-tb .applay-input{
width: 200px;
height: 34px;
padding: 6px 10px;
line-height: 34px;
color: #666;
border: 1px solid #dddddd;
box-shadow: 2px 2px 2px #f4f4f4 inset;
background: #fff;
font-size: 14px;
}
.form1 .z-socdtl-box .applay-tb select.applay-input{
height: 34px;
width: 200px;
}
.form1 .z-socdtl-box .applay-tb textarea.applay-input{
width: 808px;
height: 100px;
resize:none;
}
.form1 .z-socdtl-box .applay-tb .applay-input.code{
float:left;
width: 70px;
margin-right: 8px;
}
.form1 .z-socdtl-box .applay-tb .submit{
width: 150px;
height: 32px;
background:#0063a9;
/*background:#0372cd;*/
font-size: 16px;
color: #fff;
cursor: pointer;
border:1px solid #0063a9;
outline: none;
transition:all .3s linear;
}
.form1 .z-socdtl-box .applay-tb .submit:hover{
background: #0372cd;
border:1px solid #0372cd;
color:#fff;
}
.form1 .z-socdtl-box .applay-tb .error {
border-color: #D70128;
}
.form1 .z-socdtl-box img{
width:110px;
height:32px;
float:left;
}
@media screen and (max-width: 992px){
.form1 .z-socdtl-box{
margin:10px 0 30px 0;
}
.form1 .z-socdtl-box .applay-tb{
width:100%;
margin: 0 auto;
}
.form1 .z-socdtl-box .resume{
display: none;
}
.form1 .z-socdtl-box .applay-tb td{
display: block;
position: relative;
}
.form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){
float: left;
width: 12%;
padding-right: 10px;
margin-top: 5px;
}
.form1 .z-socdtl-box .applay-tb textarea.applay-input{
width: 62%;
}
.form1 .z-socdtl-box .applay-tb .submit{
text-align: center;
}
.form1 .z-socdtl-box .applay-tb input[type="file"]{
width: 180px;
}
.form1 .z-socdtl-box img{
width:70px;
}
}
/*
-----------
** 应è˜è¡¨å•æ‰‹æœºç«™ **
-----------
*/
@media (max-width: 768px){
.form1 .z-socdtl-box .applay-tb{
margin:0 auto;
}
.form1 .z-socdtl-box .applay-tb{
width:100%;
margin: 0 auto;
}
.form1 .z-socdtl-box .applay-tb td{
display: block;
position: relative;
}
.form1 .z-socdtl-box .applay-tb td:nth-child(2n+1){
float: left;
width: 25%;
padding-right: 10px;
margin-top: 5px;
}
.form1 .z-socdtl-box .applay-tb textarea.applay-input{
width: 172px;
}
.form1 .z-socdtl-box .applay-tb .submit{
display: block;
}
.form1 .z-socdtl-box .applay-tb .applay-input{
width:172px;
}
.form1 .z-socdtl-box .applay-tb select.applay-input{
width:172px;
}
.form1 .row .col-md-12{
padding: 0;
}
}