@charset "utf-8";

/************************************************************************
contact
************************************************************************/
.contactContent{}


/************************************************************************
service
************************************************************************/
.service{border: 1px solid #CCC; margin: 10px 0 0 0;}
/*formContent*/
.formContent{margin: 0 auto; padding: 30px 40px 0px 40px; background-color: #fff;}
.formSlogan{font-size: 14px; color: #111; margin: 0 0 30px 0;}
.formGroup{font-size: 14px; color: #111; margin-bottom:20px; display: block;}
.formGroup input[type="text"]{width: 100%; height: 40px; background-color: #EEE; padding: 0 12px; border: none; display: inline-block;}
.formGroup textarea{width: 100%; height: 100px; background-color: #EEE; padding: 5px 12px; resize:none; border: none; display: inline-block;}
.formGroup .formCode .input{width: 70%; display: inline-block; margin-right:10px}
.formGroup .formCode .img{width: 25%; display: inline-block;}
.formGroup .formCode .img img{margin: 0 10px 0 0;}
@media screen and (max-width: 991px){
.formGroup .formCode .input{width: 65%; }
.formGroup .formCode .img{width: 30%; }
}	
@media screen and (max-width: 640px){
.formContent{margin: 0 auto; padding: 30px 20px 0px 20px;}
.formGroup .formCode .input{width: 100%; display: inline-block; margin: 0 0 20px 0;}
.formGroup .formCode .img{width: 70%; display: inline-block;}
}	

/************************************************************************
stronghold
************************************************************************/
.stronghold{border: 1px solid #CCC; margin: 10px 0 0 0;}
.stronghold .tab-content{height: 400px;}
.stronghold .nav{height: 300px; overflow: scroll; overflow-x:hidden; margin: 15px;}
/*nav-tabs*/
.stronghold .nav-tabs{border: none; }
.stronghold .nav-tabs ul{padding: 20px 20px 10px 20px;}
.stronghold .nav-tabs > li{display: inline-block; border: none; margin: 0 0 10px 0; vertical-align: top; float: left;}
.stronghold .nav-tabs > li .title{font-size: 16px; color: #111; border-bottom: 1px solid #AAA; padding: 0 0 8px 0; margin: 0 0 15px 0;}
.stronghold .nav-tabs > li .title::before{font-family: 'FontAwesome'; content: "\f015"; width: 18px; height: 18px; color: #fff; text-align:center; font-size:13px; display:block; border-radius: 99em; background-color: #9A8479; margin: 0 5px 0 0; display: inline-block; vertical-align: text-top; line-height: 1.4; }
.stronghold .nav-tabs > li p{margin: 0; line-height: 1.8; }
.stronghold .nav-tabs > li > a {width: 100%; font-size: 14px; color: #111; border: none;}
.stronghold .nav-tabs > li.active > a,
.stronghold .nav-tabs > li.active > a:hover,
.stronghold .nav-tabs > li.active > a:focus{color: #000; background-color: #EEE; margin: 0; cursor: default; display: block; border: none;} 

/************************************************************************
recruitment
************************************************************************/
.recruitment{margin: 10px 0 0 0;}
/*recruitmentList*/
.recruitmentList {width: 100%; display: block; margin: 15px 0 0 0;}
.recruitmentList ul{border-bottom: solid 1px #CCC; font-size: 14px; text-align: center;}
.recruitmentList .titleBar{ color: #fff; background-color: #333;}
.recruitmentList .titleBar li{padding: 10px 0;}
.recruitmentList .item{ color: #111;}
.recruitmentList li{display: inline-block; text-align: center; padding: 15px 0;}
.recruitmentList [class^='field']{width: 16%;}
.recruitmentList .btnRecruited{width: 85px; height: 32px; display: inline-block; text-align: center; border: 1px solid #999; color: #333; background-color: #eee; border-radius: 0.2em; line-height: 2; vertical-align: super;}
.recruitmentList .btnRecruited:hover{color: #fff; background-color: #333;}
@media screen and (max-width: 768px){
.recruitmentList .titleBar{display: none;}
.recruitmentList {border: solid 1px #CCC; border-bottom: none; border-right: none; display: inline-block;}
.recruitmentList .item{/*width: 50%; background-color: #efefef; */padding: 15px 0; display: inline-block; border-right: solid 1px #CCC;}
.recruitmentList .item :before {content: attr(data-title) ""; text-transform: uppercase; width:100px; }
.recruitmentList [class^='field']{width: 100%; text-align: left; margin: 0 4%; padding: 0;}
.recruitmentList .btnRecruited{color: #fff; background-color: #333; margin: 5px 0 0 0; width: 140px; border: none;}
.recruitmentList .btnRecruited:hover{background-color: #666;}
}
@media screen and (max-width: 540px){
.recruitmentList {border: none;}
.recruitmentList .item{width: 100%; border-right: none;}
}