@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*{-webkit-text-size-adjust: none;}
html,body{height:100%;}
body{padding:0; height:100%;width: 100%; max-width:640px; margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background: #fff;}
ul,li,dt,dd,p{ list-style-type:none; margin:0; padding:0;}
a{ text-decoration:none;color: #fff;}
.fl{ float:left;}
.fr{ float:right;}
img,img a{ border:0;display: block;}

.box{width: 640px;height: 100%;margin: 0 auto;position: relative;}
.logo{width:251px;height: 191px;display: block;background: url(skin/logo02.png);position: absolute;bottom: 20px;right: 20px;}
.logo02{width:139px;height: 44px;position: absolute;bottom:50px;left: 40px;}
.btn{width: 56px;height: 118px; display: block;position: absolute;right: 24px;}
.b01{top:156px;}
.b02{top:287px;}
.b03{top:417px;}
.b04{top:548px;height:183px;}
.f-box{display: none; width:100%;height:100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: url(skin/black02.png)}
.close-box{width:60px;height: 60px;display: block;position: absolute;right: 0;top: 0;}
.f-i{width: 100%;height: 100%;}
.m-play{width:70px;height:70px;position: absolute;top:760px;right: 20px;animation:turn 2s linear infinite;}
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.m-pause{display: none;width:70px;height:70px;position: absolute;top:760px;right: 20px;}
.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

.backgroundsize .cbp-bislideshow li {
background: no-repeat;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	width: 100%;
}


.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}



