/* CSS Document */

@import url("core.css");

@import url("animate.css");

/*******/

@import url("fonts.css");

@import url("menu-363255.css");

@import url("page.css");

/********************************************************************/

.item_contact{ padding:100px 0;}

.contact_ul{ text-align:center; padding-top:50px}

.contact_ul li{ display:inline-block; padding-left:85px; position:relative; min-height:77px; text-align:left; vertical-align:top}

.contact_ul li:before{ background:url(../image/cion_tel.png) no-repeat; height:77px; width:76px; content:""; display:block; margin:0 auto;}

.contact_ul li:before{ position:absolute; left:0; top:0}

.contact_ul li.tel{ padding-left:106px; padding-right:70px; border-right:1px solid #eee}

.contact_ul li.email{padding-left:115px; margin:0 70px;padding-right:70px; border-right:1px solid #eee}

.contact_ul li.add{padding-left:98px; width:404px;}

.contact_ul li.email:before{ width:85px; background-position:-91px center;}

.contact_ul li.add:before{ width:68px; background-position:right center}

.contact_ul li b{ color:#3c3c3c; font-size:24px; display:block; margin-bottom:5px}

.contact_ul li p{ font-size:20px; color:#858585; font-weight:bold}

/**/

#contact_address{ margin-top:4%}

#contact_address li{ float:left; width:48%; margin-right:4%; margin-top:4%; border:1px solid #eee; padding:30px; line-height:1.8; font-size:16px;}

#contact_address li p{ display:block; position:relative; padding-left:55px; color:#9b9b9b}

#contact_address li p label{ position:absolute; left:0; top:0}

#contact_address li:nth-child(2n){ margin-right:0}

/**/

#sitemap_iframe iframe{ width:100%; height:500px;}

#contact_form { }

#contact_form li { float:left; width:31%; margin-right:3.5%; margin-bottom:25px; position:relative }

#contact_form li input[type='text'] { border:0; border-bottom:1px solid #ddd; padding:5px 0px; padding-bottom:15px; width:100%; display:block; }

#contact_form li.ct_3 { margin-right:0 }

#contact_form li.textarea { width:100% }

#contact_form li.textarea textarea { border:0; border-bottom:1px solid #ddd; width:100%; min-height:60px; }

#contact_form li.send { text-align:center; width:100% }

#contact_form li.send input { display:inline-block; padding:15px 60px; background:#272A70; color: #fff !important; border:0; cursor:pointer;

-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}

.item_feedback{ padding:100px 0}

@media(max-width:1674px){

.item_contact,.item_feedback{ padding:100px 85px}

}



@media(max-width:1360px){

.item_contact,.item_feedback{ padding:80px 50px}

.contact_ul li.tel{ padding-right:50px}

.contact_ul li.email{ padding-right:50px; margin:0 50px}

}

@media(max-width:1300px){

.contact_ul li{ width:40%; padding:0; border:0}

.contact_ul li.tel{ padding-right:0;border:0}

.contact_ul li.email{ margin:0; padding-right:0;border:0}

.contact_ul li.add{ width:80%; margin-top:35px}

#sitemap_iframe iframe{height:38.46153846153846vw}

}

@media(max-width:800px){

.contact_ul li{ width:40%;}

.contact_ul li.tel{ width:50%}

.contact_ul li.add{ width:90%; margin-top:35px}	

}

@media(max-width:700px){

.contact_ul li{ width:100%; padding-left:0; text-align:center}

.contact_ul li.email{ padding-left:0}

.contact_ul li.tel{ width:100%;margin-bottom:15px;padding-left:0}

.contact_ul li.add{ width:100%; margin-top:15px;padding-left:0}	

.contact_ul li:before{ display:block; position:static; margin-bottom:8px}

#contact_address li{ width:100%; margin-right:0}

}

@media(max-width:600px){

.item_contact,.item_feedback{ padding:50px 25px}

#contact_address li{ padding:15px}

#sitemap_iframe iframe{height:250px}

#contact_form li{ width:100%}

}