/* by Adon , CSS Document */

.recruitment{ float:left; width:100%; margin:10% 0;}
.recruitment ul li{ float:left; width:45%; margin-right:10%; margin-bottom:10%;}
.recruitment ul li.clear{ margin-right:0;}
.recruitment ul li .p1{ font-size:35px;}
.recruitment ul li .p2{ font-size:20px; text-transform:uppercase}
.recruitment ul li .p3{ font-size:20px; color:#5f5f5f; margin-top:50px;}
.recruitment ul li .p4{ font-size:16px; border:solid 1px #e7e7e7; color:#5f5f5f; border-left:none; border-right:none; line-height:30px; padding:25px 0; margin:25px 0;}
.recruitment ul li .p5{ background:url(../img/recruitment.png) no-repeat 20px #a40000; max-width:150px; line-height:50px; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; font-size:16px; text-indent:50px;}
.recruitment ul li .p5 a{ color:#fff;}
.recruitment-add{ display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg.png) repeat; z-index:100;}
.recruitment-add .close{ position:absolute; right:15px; top:15px;}
.recruitment-add .close img{ width:20px;}
.recruitment-add .item{ background:#fff; padding:50px 45px; width:90%; max-width:350px; margin:-150px auto 0 auto; position:absolute; top:50%; left:0; right:0;border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; position:relative;}
.recruitment-add .item .p1{ font-size:20px; color:#5f5f5f; margin-bottom:15px;}
.recruitment-add .item ul li{ display:block; line-height:40px; padding:0 10px; margin-bottom:10px;border:solid 1px #f4f4f4;}
.recruitment-add .item ul li input{ border:0; margin-left:10px;}
.recruitment-add .item ul li label{ font-size:14px; font-weight:normal; margin:0;}
.recruitment-add .item ul li label font{ color:#a40000;}
.recruitment-add .item .submit{ display:block; background:#a40000;border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px; border:0; color:#fff; line-height:40px; clear:both;width:140px; margin:10px auto 0 auto; font-size:14px;}

@media (max-width:768px){
.recruitment ul li .p1{ font-size:30px;}
.recruitment ul li .p2{ font-size:18px;}
}
@media (max-width:640px){
.recruitment ul li{width:100%;}
}
@media (max-width:480px){
.recruitment ul li .p1{ font-size:26px;}
.recruitment ul li .p2{ font-size:15px;}
.recruitment ul li .p3{ font-size:15px;}	
.recruitment ul li .p4{ font-size:13px; line-height:25px;}	
.recruitment ul li .p5{ font-size:14px;}
.recruitment-add .item .p1{ font-size:18px;}
.recruitment-add .item ul li input{ width:55%;}
}
@media (max-width:320px){
.recruitment ul li .p1{ font-size:22px;}
.recruitment ul li .p2{ font-size:14px;}
.recruitment ul li .p3{ font-size:14px;}	
.recruitment ul li .p4{ font-size:12px;line-height:22px;}	
.recruitment ul li .p5{ font-size:13px;line-height:40px; max-width:140px;}
.recruitment-add .item .p1{ font-size:15px;}
.recruitment-add .item ul li label{ font-size:12px;}
.recruitment-add .item .submit{ font-size:13px;}
}