/* ±âº» ÅؽºÆ® ½ºÅ¸ÀÏ */
.formmail_txt {font-size:12px;color:#333333}
/* ÅؽºÆ®¹Ú½º ½ºÅ¸ÀÏ */
.formmail_border {font-size:12px;color:#333333;border:1 solid #D4D4D4}
/* Ç׸ñÄ­ ½ºÅ¸ÀÏ */
.formmail_title_bgcolor {}
/* ÀÔ·ÂÄ­ ½ºÅ¸ÀÏ */
.formmail_cell_bgcolor {font-size:12;!important;color:#000;padding-left:10;}
.table_02 { width:100%;   }
.table_02 td {  padding:4px;font-size:16px; }




input[type=text]:focus {
background-color: lightblue;
}



textarea {
width: 98%;
height: 150px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555;
font-size:12px;margin:5px 5px 5px 5px;
}
textarea.formmail_textarea_style:focus {
    background-color: lightblue;
    }



input[name=name] {    
width: 80%;
display: inline-block;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555;
margin-bottom:16px; 
}
input[name=receiver_email] {
display: inline-block;
width: 80%;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}



input[name=phone_no1] {
width: 28%;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}
input[name=phone_no2] {
width: 28%;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}
input[name=phone_no3] {
width: 28%;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}





input[name=mobile_no1] {
width: 28%;
display:inline-block;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}
input[name=mobile_no2] {
width: 28%;
display:inline-block;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}
input[name=mobile_no3] {
width: 28%;
display:inline-block;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
color:#555; 
margin-bottom:16px; 
}



@media screen and (max-width: 480px) {


input[name=name] {margin-bottom:4px;}
input[name=receiver_email]{margin-bottom:4px;}
input[name=phone_no1] {margin-bottom:4px;}
input[name=phone_no2] {margin-bottom:4px;}
input[name=phone_no3] {margin-bottom:4px;}
input[name=mobile_no1] {margin-bottom:4px;}
input[name=mobile_no2] {margin-bottom:4px;}
input[name=mobile_no3] {margin-bottom:4px;}
}