/* 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:35px; font-weight:bold}
.contact-des .p2{font-size:25px;font-weight:bold}
.contact-des .item .p3{ font-size:25px; text-transform:uppercase}
.contact-des .item .p4{margin-top:25px;}
.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 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:#dfc297; text-align:center; color:#fff;width:120px;}
.contact-ad{width:100%;float:left;font-weight:bold;font-size:18px; margin-bottom:2.5%;}
.contact-ad .p1{ font-size:30px;}
.contact-ad .p2{ margin:2.5% 0; overflow:hidden;}
.contact-ad .p2 a{ float:left; margin-right:2.5%;}
.contact-ad ul{ overflow:hidden; clear:both; display:none}
.contact-ad ul li{ float:left; border:solid 2px #efefef; padding:20px 0 0 20px; margin-right:20px; margin-bottom:20px;height:150px; width:150px; overflow:hidden;}
.contact-ad ul li:hover{ border:solid 2px #dfc297; color:#dfc297}
.contact-ad ul li p{font-size:30px;}
.contact-ad ul li span{ text-transform:uppercase}


@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 .p1{ font-size:30px;}
.contact-des .p2{ font-size:20px;}
.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%;}
.contact-ad .p1,.contact-ad ul li p{ font-size:26px;}
.contact-ad{ font-size:16px;}
}
@media (max-width:640px){
/*.contact-des .p1,.contact-con ul li .p1{ font-size:22px;}*/
.contact-des .p1{ font-size:24px;}
.contact-des .p2{ font-size:16px;}
.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;}
.contact-ad .p1,.contact-ad ul li p{ font-size:23px;}
.contact-ad{ font-size:15px;}
}
@media (max-width:480px){
.contact{ padding:7.5% 5%;}
.contact-des .p1{ font-size:20px;}
.contact-des .p2{ font-size:15px;}
.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}
.contact-ad .p1,.contact-ad ul li p{ font-size:20px;}
.contact-ad{ font-size:14px;}
.contact-ad ul li{ padding:15px 0 0 15px; margin-right:10px; margin-bottom:10px; width:117px; height:117px;}
.contact-ad .p2{ margin:5% 0;}
.contact-ad{ margin-top:2.5%;}
.contact-ad .p2 a{ margin-right:5%;}
}
@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;}
.contact-ad .p1,.contact-ad ul li p{ font-size:16px;}
.contact-ad{ font-size:13px;}
}