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


@media (max-width:768px){
	#outer{ width:96%; overflow:hidden; margin:auto; }
	.header{ width:100%; height:auto; }
	.header img{ width:33.3%; height:100px; }
	.nav{ width:100%;}
	.nav .left{ width:100%;}
	.nav .left .right{ width:100%; padding:0; }
	.nav ul li a{ padding:0 5px;}
	.nav ul li a:hover{ padding:0 5px;}
	.cont_area .top .buttom{ width:auto; padding:5px;}
	.cont_area .mid_ctn{ width:320px; margin:0 10px;}
	.cont_area .mid_content_area_short{ width:100%; padding:0;}
	.cont_area .short_ctn_area{ float:none; margin:10px 25px 0;}
	.cont_area .mid_content_area_short .sepa{ float:none; min-height:0; width:0; }
	.cont_area .mid_ctn_area{ width:100%; margin:10px auto;}
	.cont_area .mid_ctn_area .top{ width:92%; padding:0 10px 10px}
	.cont_area .mid_ctn_area .top h2{ line-height:22px}
	.footer_outer .footer{ width:auto; height:auto; padding:20px 0 10px;}
	.footer_outer .footer .left{ width:auto; float:none; text-align:center; line-height:20px;}
	.footer_outer .footer .right{ width:auto; float:none;  text-align:center}
}

@media (max-width:736px){
	#outer{ width:96%; overflow:hidden; margin:auto; }
	.header{ width:100%; height:auto; }
	.header img{ width:33.3%; height:80px; }
	.nav{ background:#04509b;}
	.nav .left{ width:auto; background:none;}
	.nav .left .right{ width:auto; background:none; padding:0; }
	h2.slide-toggle{ display:block;}
	.nav ul { display:none;}
	.nav ul li{ float:none; padding:0;}
	.nav ul li a{ border-bottom:thin solid #217fd6; padding:8px 15px;}
	.nav ul li a:hover{ padding:8px 15px;}
	.cont_area{ width:100%;}
	.cont_area .top{ width:auto;}
	.cont_area .left_ctn{ float:none; width:auto}
	.cont_area .left_ctn_area {width: auto; background-size:contain; }
	.cont_area .left_ctn_area .btm { width: auto; background-size:contain;}
	.cont_area .left_ctn_area .btm .top{width: auto; background-size:contain;}
	.cont_area .mid_ctn{ float:none; width:auto}
	.cont_area .short_ctn_area{ margin:5px auto; width:auto; background:#ededed; border:thin solid #ccc; border-radius:3px;}
	.cont_area .short_ctn_area .btm {width: auto; background:none;}
	.cont_area .short_ctn_area .btm .top{width: auto; background:none;}
	.cont_area .short_ctn_area .btm .top .divider .left{ width:26%;}
	.cont_area .short_ctn_area .btm .top .divider .right{ width:70%;}	
	.cont_area .left_ctn{ float:none; width:auto}
	.cont_area .right_testimonial{width: auto; background-size:contain;}
	.cont_area .right_testimonial .btm{width: auto; background-size:contain;}
	.cont_area .right_testimonial .btm .top{ background:url("../images/right_testimonial_bg_top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); width:auto;}
}

@media (max-width:320px){
	.header img{ width:33.3%; height:60px; }
	.cont_area .mid_ctn_area .top{ width:88%;}
	.cont_area .short_ctn_area .btm .top .divider .left{ float:none; width:auto;}
	.cont_area .short_ctn_area .btm .top .divider .right{ float:none; width:auto;}
}