@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-weight: 300 !important;
	color: #333;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,figure {
	margin: 0;
	padding: 0;
}

#global_header h1 {
	margin: 0!important;
	font-size: 0px !important;
	line-height: none;
}

ul,li {
	list-style: none;
}
img {
	border: 0;
}
img.fluid {
	width: 100%;
}
a {
	outline: 0;
	color: #09c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#contact_block {
	font-size: 14px;	
}

#contact_title {
	background: #ececec;
	padding: 10px;
	color: #00a2d4;
}

#contact_title h1 {
	width: 960px;
	margin: 0 auto;
	font-size: 30px;
	font-weight: 500;
}

#contact_content {
	width: 960px;
	margin: 0 auto;
	color: #686868;
}

#contact_breadcrumb {
	font-size: 13px;
	padding: 10px 0;
	font-weight: 300;
}


#contact_complete_block {
	padding: 50px 0;
	text-align: center;	
}

#contact_complete_block h2 {
	font-weight: 500;
	padding: 0 0 20px 0;
}

#contact_message {
	clear: both;
	border: 1px solid #0099cc;
	background: #e5f9ff;
	padding: 30px;
	margin: 20px auto 0 auto;
	width: 850px;
}

#contact_content p {
	font-weight: 300;
	line-height: 1.4;
}

#form_block label {
	font-weight: 300;
}

#form_block {
	width: 730px;
	margin: 20px auto;	
}

#form_description {
	text-align: right;	
}

.required {
	color: #FF0004;	
}

#form_block dl {
	margin: 0 0 20px 0;	
}

#form_block dt {
	float: left;
	width: 210px;
	font-weight: 300 !important;
	padding: 15px;
	border-top: 1px solid #E3E3E3;
}

#form_block dd {
	float: left;
	width: 520px;
	padding: 15px;
	font-weight: 300;
	background: #E3E3E3;
	border-bottom: 1px solid #FFF;
}

#form_block dd p {
	font-size: 12px;
}

.memo_description {
	padding: 5px 0;	
}

#form_block dl input[type=text] {
	padding: 5px;
}

#ow-date-term {
	padding: 5px 5px 5px 22px !important;
	background: url(images/icn_calendar.png) 2px 7px #FFF no-repeat;	
}

#form_block dl textarea {
	width: 420px;
	height: 170px;	
}

.captcha_description {
	font-size: 80%;	
}

.name {
	width: 155px;	
}

#ow-date-term {
	width: 155px;
	margin: 0 0 5px 0;
}

.email {
	width: 250px;	
}

.address,
.subject {
	width: 420px;	
}

.duration {
	width: 75px;	
}

#contact_form_bottom {
	text-align: center;
	padding: 0 0 20px 0;	
}

#contact_form_bottom2 {
	text-align: center;
	padding: 20px 0;	
}

#form_block #submit {
	text-align: center;
	margin: 0 0 30px 0;
}

#contact_form_message {
	clear: both;
	border: 1px solid #0099cc;
	background: #e5f9ff;
	padding: 20px;
	margin: 20px auto;
	text-align: center;
}

#contact_form_message h3 {
	font-size: 16px;
	padding: 0 0 5px 0;
}

#contact_form_message p {
	font-size: 12px;	
}


.error {
	font-size: 80%;
	color: #E20205;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

.daterangepicker th,
.daterangepicker td {
	padding: 2px !important;	
}

/*===============================================
For Tablet Max Width 768px
===============================================*/
@media screen and (max-width:768px){
	
#contact_breadcrumb {
	font-size: 80%;
	padding: 10px;
}

#contact_title h1 {
	width: 100%;
	margin: 0 auto;
	font-size: 200%;
	font-weight: 400;
}

#contact_content {
	width: 100%;
	margin: 0 auto;
	color: #686868;
}

#form_block {
	width: 90%;
	margin: 20px auto;	
}

#form_block dt {
	width: 28%;
}

#form_block dd {
	width: 72%;
}

#form_block dl textarea {
	width: 80%;
	height: 100px;	
}

#contact_form_message {
	width: 90%;
}

}


/*===============================================
For Tablet Max Width 640px
===============================================*/
@media screen and (max-width:640px){

#contact_title h1 {
	font-size: 150%;
}

#form_block dl input[type=text],
#form_block dl textarea {
	font-size: 16px;
}

#form_block dd span:before {
	content: "\A";
    white-space: pre;
}

.name {
	width: 95px;	
}

.email {
	width: 160px;	
}


.address,
.subject {
	width: 200px;	
}

.daterangepicker th,
.daterangepicker td {
	padding: 3px !important;	
	font-size: 13px !important;	
}

#form_block #submit input {
	width: 40%;
}


}

/*===============================================
For Tablet Max Width 480px
===============================================*/
@media screen and (max-width:480px){

.table {
	border-top: 1px solid #E3E3E3;
}
	
#form_block dt {
	width: 100%;
	padding: 30px 20px 10px 20px;
	border-top: none;
}
	
#form_block dd {
	width: 100%;
	padding: 20px;
	border-bottom: none;
}
	
.name  {
	width: 45% !important;	
}
	
#form_block dl input {
	width: 100%;		
}
	
#form_block dl textarea {
	width: 100%;	
}


}