/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	html{font-size:50%;}
	.warp{width:100%;padding:0 20px;box-sizing:border-box;}
	
	.index_customer_body ul li{width:30%;height:auto;margin-bottom:30px;}
	.index_customer_body ul li:nth-child(3n){margin-right:0;}
	.index_customer_body ul li:last-child{display:none;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.index_top_body h3{line-height:60px;line-height:6rem;}
	
	.index_list_body ul li .img_out .mask{padding:20px;padding:2rem;}
	.index_list_body ul li .img_out .mask h3{font-size:20px;font-size:2rem;line-height:20px;line-height:2rem;}
	
	footer ul li .in{height:155px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 760px) {
	.pc_hide{display:block !important;}
	.mobile_hide{display:none !important;}
	.out_body{padding-top:50px;}
	header{height:50px;}
	header .logo{width:85px;margin-top:19px;}
	header .nav_list{display:none;}
	footer{padding:35px 0 20px;}
	footer .top_body{height:auto;margin-bottom:20px;}
	footer .top_body h3{font-size:24px;}
	footer .top_body p{font-size:13px;}
	footer .top_body div.fl{float:none;margin-bottom:20px;display:block;}
	footer .top_body a.fr{float:none;width:115px;height:32px;line-height:32px;font-size:13px;display:block;}
	footer .copyright_body{height:40px;line-height:40px;}
	footer .copyright_body p{font-size:10px;}
	
	
	.index_top_body{padding:30px 0;background-position:center -90%;}
	.index_top_body h3{font-size:23px;line-height:34px;}
	.index_top_body p{font-size:13px;line-height:18px;}
	
	.index_list_body ul li .img_out .mask{padding:15px;}
	.index_list_body ul li .img_out .mask h3{font-size:24px;}
	.index_list_body ul li .img_out .mask p{font-size:13px;line-height:18px;text-shadow:0 0 5px rgba(0,0,0,0.7);}
	.index_list_body ul li .img_out .mask.mobile_txt_style h3{font-size:16px;}
	
	.index_customer_body{padding:20px 0;}
	.index_customer_body ul li{width:33.33%;margin:0 0 20px;}

	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    footer .copyright_body p{font-size:9px;}
}