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

@media screen and ( min-width:640px ) and ( max-width:767px ){
	.nav-home li a{ font-size:20px;}
	.header-white{ display:none;}
	.header-blue{ top:5px; display:block;}
	.header-blue .logo{ margin-left:15px;}
	
	#fp-nav{ display:none;}
	.slide-wrap li.bn1 .waper-slmk,
	.slide-wrap li.bn2 .waper-slmk,
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-240px; margin-top:-156px; width:480px; height:312px;}
	.slide-wrap li.bn1 .waper-slmk .img img,
	.slide-wrap li.bn3 .waper-slmk .img img{ width:100%; height:230px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:100%; height:254px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ font-size:14px; letter-spacing:15px;}	
	.mouse-animte{ bottom:45px;}
  }
	
@media screen and ( min-width:320px ) and ( max-width:639px ){
	.nav-home li a{ font-size:18px;}
	.header-white{ display:none;}
	.header-blue{ top:0px; display:block;}
	.header-blue .logo{ margin-left:8px;}
	#fp-nav,
	.waper-line{ display:none;}
	.slide-wrap li.bn1 .waper-slmk,
	.slide-wrap li.bn2 .waper-slmk,
	.slide-wrap li.bn3 .waper-slmk{ margin-left:-150px; margin-top:-156px; width:300px; height:312px;}
	.slide-wrap li.bn1 .waper-slmk .img img,
	.slide-wrap li.bn3 .waper-slmk .img img{ width:100%; height:170px;}
	.slide-wrap li.bn2 .waper-slmk .img img{ width:100%; height:198px;}
	.slide-wrap li.bn1 .waper-slmk .text,
    .slide-wrap li.bn2 .waper-slmk .text,
	.slide-wrap li.bn3 .waper-slmk .text{ font-size:14px; letter-spacing:10px;}	
	.mouse-animte{ bottom:45px;}
	
	}