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


/*----standard desktop------*/
.msg { color:#b00000; font-size:14px; padding:0px 0px; }
.form_input { padding: 0px 0px; }
.form_input p { padding:0px; margin:0px; }

.fancybox-inner { height: auto !important; }

@media only screen and (max-width: 959px){
	.container { width: 100%; }
	.form_input	{ padding: 20px 40px; } 
} 

/*----ipad potrait------*/
@media only screen and (max-width: 767px) {	
	[class*="col-"] { width: 100%; float: none; }
	.cont_block ul li ul li span{ font-size: 17px; }
	.container { width: 95%;}
	
	.header_block { min-height: 135px; }
	.content_block p { font-size: 20px; line-height: 30px; }
	.content_block p label { font-size: 28px; }
	.content_block p br		{ display:none;  }
	.form_in{ border-bottom: 1px solid #ddd; float: none; height: 20px; margin-bottom: 20px; padding: 10px 0; text-align: center; width: 100%; }
	.form_in span{ font-size: 30px; padding: 0 15px; background:#fff; }
	.form_in span::before, .form_in span::after { background:none; }
	.form_input	{ padding: 20px 0px;  margin:0 auto; float:none; }
	.form_input input[type=text] {  width:90%; }
	.form_input a { font-size: 18px; }
	.form_button input { font-size: 25px; padding: 20px 0; 	width: 100%; }
	.header_block ul { padding: 20px 0 0; }
	
	.foot_Cont ul li { padding: 20px 0; width: 100%; }
	.foot_Cont ul li:first-child{ border-bottom: 1px solid #999; }
	.foot_Cont ul li a{ font-size: 20px; }
	.banner::after, .logo::before, .para_block::before, .para_block::after    { width: 100%; }
	.banner::after{ background:none; }
	.logo::before { background: none; }
	.banner { border-bottom: 5px solid #671c31; border-top: 5px solid #d8251e; }
	.banner div { text-align: left; }

	.cont_block h3	{ font-size: 23px; line-height: 30px; }

	.para_block	{ padding: 30px 0 15px; }
	.para_block p	{ padding:0; margin:0 0 10px; font-size: 15px; line-height: 25px; }
	.para_block p:first-child::after { width: 8px; height: 120px; top: 0; left:0; }


	/*.foot_head h3::before{ width:150px; }*/
	.foot_head h3{ padding: 20px 0; font-size: 35px; }
	#inline2{ width:100%; }
	#photoarea .uploadedimage { max-width: 150px; width: 100%; height: auto; }

}  

/*----mobile view------*/

@media only screen and (max-width: 479px) {
	.container { width: 100%;}
	.logo a img{
		max-width:80%;
		max-height: 150px;
	}
	#photoarea .uploadedimage { max-width: 150px; width: 100%; height: auto; }
}
