@charset "utf-8";
/* CSS Document blank.css */
html,body {height: 100%;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-size:100%;
color:#484848;
background:#efefef;
}
h1 {font-size:1.5em; text-align:center; }
#page {
border:1px solid #ccc; 
min-height:800px; 
width:80%; /*1024 :1280 */
margin:20px auto;
background:#fff;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); /* Firefox */
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); /*  Safari, Chrome */
box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
}
#cblank {
width:93.75%; /* 960 : 1024*/
min-height:600px; 
margin:20px auto;
}
.elf{width:100%;}
.elf span {line-height:40px;}
.elf2 {width:48%;}
.elf2 span{line-height:24px;}

#cbtn{margin:20px 0;}
#c_phone {float:left;}
#c_email {float:right;}
#err_msg {
    color: #ff0000;
    font-size: 0.875em;
    height: 18px;
    line-height: 16px;
    margin: 5px auto;
    overflow: hidden;
    width: 95%;
	text-align:center;
}
#dialog-message {display:none;}
/* form elements */
.tf {
border:1px solid #b0b0b0;
height:32px !important;
background:#fff;
margin-bottom:12px;

}
.req {border:1px solid red !important;}
.tf input {
background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
border: medium none;
color: #444444;
float: left;
font-size: 16px;
margin-top: 4px;
padding:0 0.52083333333333%;

}
.tf input:focus, .ti input:active, input:active, input:focus, select:active, select:focus {
	outline: none !important;
}

.tf img{float:right; margin:4px;cursor:pointer;}

textarea {
border:none;
border:1px solid #b0b0b0;
padding: 0.5%;
vertical-align: top;
font-size:1em;
width:98.8%;
font-family:Arial, Helvetica, sans-serif;
height:150px; 
overflow-y:visible;
}
textarea:active, textarea:focus {outline: none !important;}

.btn {
background: #3b9fda;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: block;
line-height: 34px;
text-align: center;
width:200px;
margin:0 auto;
}

.btn:hover {text-shadow:0 0 2px #666;}
#copyr {
font-family:verdana; 
font-size:12px;
letter-spacing:0.1em; 
color:#3d545f; 
text-align:center;
margin-bottom:20px;
}
#copyr a{color:#3d545f;}
/* end form elements */

@media  screen and (max-width:624px) {
	#c_phone,#c_email {float:none;}
	.elf2 {width:100%;}
	h1 {font-size:1.32em;}

}
@media  screen and (max-width:380px) {
	#page {width:100%; margin:0 auto;}
	#cblank{width:93%;}
	h1 {font-size:1.2em;}

}