/* .contact_item .shareBtn img{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
} */

.web_th .title{text-transform: none;}
.web_th .brief{margin-top: 10px;}

/* contact_box */
.contact_box{position: relative; z-index: 1;}
.contact_inner{position: relative;}
.contact_info{width: 42%; background: var(--commonColor); border-radius: 24px; color: #fff; padding: 35px 35px;}
.contact_info .info_title{font-family: 'Fredoka One-Regular'; font-size: 36px; color: #fff; line-height: 1.35;}
.contact_info .info_bot_title{font-size: 24px; margin-top: 30px; padding-top: 20px; border-top: 2px solid #fff;}
.contact_list{margin-top: 3.5%;}
.contact_item{margin-top: 16px; position: relative; padding-left: 52px; background: rgba(255,255,255,0.52); box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1); border-radius: 24px; align-items: center; padding: 20px 30px;}

.contact_item .item_icon{display: block; background-repeat: no-repeat; background-position: center; background-size: 60% auto; position: relative; width: 20%; height: 0; padding-bottom: 20%; margin-right: 15px; background-color: #fff; border-radius: 50%;}
.item_icon_phone{background-image: url(../img/c_tel.png);}
.item_icon_whatsapp{background-image: url(../img/c_whatsapp.png);}
.item_icon_email{background-image: url(../img/c_email.png);}
.item_icon_add{background-image: url(../img/c_add.png);}

.contact_item .con_info{margin-top: 4px; line-height: 1.25; flex: 1; color: #666; line-height: 24px;}
.contact_item .title{font-family: 'Open Sans-Regular'; font-weight: bold; font-size: 20px; margin-bottom: 5px; color: #333; text-transform: none;}
.contact_item .con_info a{transition: color 0.3s ease; color: inherit;}
.contact_item .con_info a:hover{color: var(--commonColor);}

.contact_item:hover .item_icon{animation: swing 0.5s;}

.contact_icon{margin: 20px 0 0;}
.contact_icon .shareBtn{display: inline-block; width: 60px; height: 60px; border-radius: 50%; padding: 0px; margin-right: 5%;}
.contact_icon .shareBtn:last-child{margin-right: 0;}
.contact_icon .shareBtn:hover{background: rgba(255, 255, 255, 0.2); padding: 8px;}
.contact_icon .shareBtn:hover img{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.contact_info .info_title{font-size: 32px;}
	.contact_icon .shareBtn{width: 50px; height: 50px;}
	.contact_info{padding: 30px;}
}
@media only screen and (max-width: 1300px) {
	.contact_info{padding: 24px;}
	.contact_info .info_title{font-size: 30px;}
	.contact_item{padding: 20px 20px;}
	.contact_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.contact_box{padding-top: 20px;}
	.contact_inner{flex-direction: column; zoom: 1;}
	.contact_item{padding: 16px; border-radius: 20px;}
	.contact_info{width: 100%; margin-top: 30px; border-radius: 20px; padding: 20px 15px;}
	.contact_icon .shareBtn{width: 48px; height: 48px; padding: 6px; margin-right: 15px;}
	.contact_info .info_title{font-size: 24px;}
	.contact_icon{margin-top: 15px;}
	.contact_item .item_icon{width: 56px; height: 56px; padding-bottom: 0;}
	.contact_item .title{font-size: 18px;}
}

/* contact_form */
.contact_form{width: 54%;}
.contact_form .web_th .title{text-transform: none;}
.contact_form .web_th .brief{font-size: 20px; margin-top: 15px;}
.form_div{margin-top: 30px;}
.input_item{width: 48.5%; margin-bottom: 8%; position: relative;}
.form_input .input_item:nth-child(n+5){width: 100%;}
.form_input .input_item:last-child{margin-bottom: 0;}
.input_item p span{color: #ED2736; padding-right: 5px; display: block; height: 24px; line-height: 24px; position: absolute; left: 18px; top: 26px;}
.input_item input, .input_item textarea{border-radius: 8px; width: 100%; font-size: 16px; line-height: 32px; border: 2px solid #D9D9D9; padding: 20px 20px; padding-left: 24px;}
.input_item textarea{line-height: 32px; height: 160px; display: block;}

.form_btn .submit_btn{background: var(--commonColor); color: #fff; padding: 15px 60px; width: 100%; font-size: 24px; margin: 5% 0 0; transition: all 0.3s ease; font-family: 'Fredoka One-Regular'; border: none; border-radius: 100px; height: 80px;}
.form_btn .submit_btn:hover{background: var(--otherColor);}

@media only screen and (max-width: 980px) {
	.contact_form{width: 100%;}
	.contact_form .web_th .brief{font-size: 16px; margin-top: 8px;}
	.form_input .input_item:nth-child(-n+2){width: 100%;}
	.input_item{width: 100%; margin-bottom: 15px;}
	.form_btn .submit_btn{margin-top: 16px; height: 60px; font-size: 22px;}
	.form_div{margin-top: 15px;}
	.input_item input, .input_item textarea{padding-top: 10px; padding-bottom: 10px;}
	.input_item p span{top: 20px;}
	.form_left .web_th .title{font-size: 24px;}
}


/* contact_map */
.contact_map{position: relative; z-index: 0; overflow: hidden; border-radius: 24px;}
.contact_map iframe{display: block; width: 100%; height: 660px;}

@media only screen and (max-width: 1450px) {
	.contact_map iframe{height: 600px;}
}
@media only screen and (max-width: 1350px) {
	.contact_map iframe{height: 560px;}
}
@media only screen and (max-width: 980px) {
	.contact_map{margin-top: 20px; position: relative; z-index: 0; border-radius: 20px;}
	.contact_map iframe{height: 320px;}
}