/* by Adon , CSS Document */





.contact{ border:solid 2px #efefef; width:100%; padding:3.5% 5%; float:left; margin-bottom:2.5%;}

.contact-des{font-size:18px;}

.contact-des .p1{ font-size:30px;text-transform:uppercase}

.contact-des .p2{ margin-bottom:25px;text-transform:uppercase}

.contact-des .item .p3{ font-size:25px; text-transform:uppercase}

.contact-des .item .p4{margin-top:25px;}

.contact-des .item {width:45%;}

.contact-des ul{ width:100%; border-top:solid 1px #efefef; padding-top:2.5%; margin-top:2.5%;}

.contact-des ul li{ float:left; width:50%;}

.contact-con { padding:7.5% 5%;}

.contact-con .pic{ text-align:center; padding-top:2.5%; clear:both;}

.contact-con ul li{ float:left; margin-right:5%;text-transform:uppercase}

.contact-con ul li .p1{ font-size:30px;}

.contact-con ul li .p2{ font-size:22px; margin-top:25px;}

.contact-add .p1{ font-size:22px; font-weight:bold; margin-bottom:25px;}

.contact-add form{ position:relative; max-width:980px;font-size: 16px;margin-bottom:20px; width:80%;}

.contact-add ul li .text{border: 0;background: #fff;padding: 0 15px;line-height:40px;width: 100%;}

.contact-add ul li{ width:32.33%; margin-right:1.5%;border:solid 2px #efefef; float:left;}

.contact-add ul li.clear{margin-right:0;}

.contact-add .content{border: 0;background: #fff; margin-top:1.5%;padding:15px;border:solid 2px #efefef; height:70px;width: 100%;}

.contact-add .submit{border: 0; background: #fff; position:absolute; top:0; right:-135px;line-height:40px;font-weight:bold;background:#c40d23; text-align:center; color:#fff;width:120px;}



@media (max-width:1366px){

.contact-con ul li.l1{ width:35%;}

.contact-con ul li.l2{ width:55%;}

}

@media (max-width:768px){

.contact-des .p1,.contact-con ul li .p1{ font-size:25px;}

.contact-des{ font-size:16px;}

.contact-des .item .p3{ font-size:22px;}

.contact-con ul li .p2{ font-size:20px;}

.contact-add .p1{ font-size:20px;}

.contact-des ul{ padding-top:5%; margin-top:5%;}

}

@media (max-width:640px){

.contact-des .p1,.contact-con ul li .p1{ font-size:22px;}

.contact-des{ font-size:15px;}

.contact-des .item .p3{ font-size:18px;}

.contact-con ul li .p2{ font-size:16px;}

.contact-add .p1{ font-size:18px;}

.contact-add form{ font-size:15px;}

.contact-add .submit{ position:static; clear:both;}

}

@media (max-width:480px){

.contact{ padding:7.5% 5%;}

.contact-des .p1{ font-size:18px;}

.contact-con ul li .p1{ font-size:16px;}

.contact-des{ font-size:14px; max-height:inherit;}

.contact-des .item{ width:100%; /*border-bottom:solid 1px #efefef;border-right:none; padding-bottom:5%; margin-bottom:5%*/}

.contact-des ul{ width:100%;}

.contact-des .item .p3{ font-size:16px;}

.contact-con ul li .p2{ font-size:14px;}

.contact-add .p1{ font-size:15px;}

.contact-add form{ width:100%;}

.contact-add form{ font-size:14px;}

.contact-des ul li{ width:100%; margin:2.5% 0}

}

@media (max-width:320px){

.contact{ padding:7.5% 5%;}

.contact-des .p1{ font-size:16px;}

.contact-con ul li .p1{ font-size:13px;}

.contact-des{ font-size:13px;}

/*.contact-des .item{ padding-bottom:7.5%; margin-bottom:7.5%}*/

.contact-des .item .p3{ font-size:14px;}

.contact-con ul li .p2{ font-size:12px;}

.contact-add form{ width:100%;}

.contact-add form{ font-size:13px;}

}