.fv_btn_a{
  animation: animationFrames linear 3s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  7% {
    transform:  translate(0px,-25px)  ;
  }
  15% {
    transform:  translate(0px,0px)  ;
  }
  27% {
    transform:  translate(0px,-15px)  ;
  }
  36% {
    transform:  translate(0px,0px)  ;
  }
  44% {
    transform:  translate(0px,-5px)  ;
  }
  50% {
    transform:  translate(0px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(0px,0px)  ;
  }
  7% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  15% {
    -moz-transform:  translate(0px,0px)  ;
  }
  27% {
    -moz-transform:  translate(0px,-15px)  ;
  }
  36% {
    -moz-transform:  translate(0px,0px)  ;
  }
  44% {
    -moz-transform:  translate(0px,-5px)  ;
  }
  50% {
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  7% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  15% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  27% {
    -webkit-transform:  translate(0px,-15px)  ;
  }
  36% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  44% {
    -webkit-transform:  translate(0px,-5px)  ;
  }
  50% {
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(0px,0px)  ;
  }
  7% {
    -o-transform:  translate(0px,-25px)  ;
  }
  15% {
    -o-transform:  translate(0px,0px)  ;
  }
  27% {
    -o-transform:  translate(0px,-15px)  ;
  }
  36% {
    -o-transform:  translate(0px,0px)  ;
  }
  44% {
    -o-transform:  translate(0px,-5px)  ;
  }
  50% {
    -o-transform:  translate(0px,0px)  ;
  }

  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(0px,0px)  ;
  }
  7% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  15% {
    -ms-transform:  translate(0px,0px)  ;
  }
  27% {
    -ms-transform:  translate(0px,-15px)  ;
  }
  36% {
    -ms-transform:  translate(0px,0px)  ;
  }
  44% {
    -ms-transform:  translate(0px,-5px)  ;
  }
  50% {
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.sp{
	display:none;
}

.tip,.t,.i,.s,.m,.b,.way{
	opacity:0;
}

.lato{
	font-family: 'Lato', sans-serif;
	font-size:24px;
	letter-spacing:0.05em;
}

.border:before{
	content:'';
	display:block;
	height:4px;
	width:100%;
	background-image:url('../img/border.png');
	position:absolute;
	top:0;
	left:0;
}

.left{
	float:left;
}

.right{
	float:right;
}

body{
	position:relative;
}

.top_btn{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
}

.top_btn a img{
	width:80%;
}

header{
	background-image: url('../img/fv_bg2.png');
	background-size:cover;
	background-position:center center;
	height:650px;
	width:100%;
	position:relative;
}


header .fv{
	margin:0px auto !important;
	height:100%;
	width:960px;
}

header .fv h1{
	color:#fff;
	font-size:44px;
	font-weight:normal;
	letter-spacing:0.2em;
	line-height:1.55;
	margin-bottom: 55px;
}

header .fv h2{
	margin-bottom:32px;
}


header .fv .left:first-child{
	margin-top: 6px;
	margin-right:45px;
}

header .fv .left p{
	color:#fff;
	font-size:11px;
	text-align:center;
}


header .fv .fv_bottom{
	position:absolute;
	bottom:20px;
	left: 50%;
}

section{
	padding:105px 0px 92px;
}

section h2{
	color:#595959;
	font-size:30px;
	letter-spacing:0.02em;
	text-align:center;
	margin:0px auto 45px;
}

section p{
	color:#787878;
	font-size:16px;
	letter-spacing:0.03em;
	line-height:1.9;
	text-align:center;
}


.s2{
	background-image: url('../img/trouble_bg.png');
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	height:630px;
	width:100%;
	position:relative;
	overflow:hidden;
}

.s2 h2{
	color:#fff;
}

.s2 .content{
	position:absolute;
	bottom:-5px;
	left:0;
	width:100%;
}

.s2 .content .iphone{
	margin:0px auto;
	width:960px;
	text-align:center;
	position:relative;
}

.s2 .iphone .l{
	position:absolute;
	bottom:0;
	left:0;
	width:320px;
	z-index:30;
}

.s2 .iphone .l .s{
	position:absolute;
	bottom:90px;
	left:272px;
}

.s2 .iphone .l .m{
	position:absolute;
	bottom:110px;
	left:222px;
}

.s2 .iphone .l .b{
	min-width:100%;
	position:absolute;
	bottom:138px;
	left:-7px;
}

.s2 .iphone .l p{
	color:#2abc43;
	font-size:16px;
	line-height:1.5;
	min-width:100%;
	position:absolute;
	bottom:211px;
	left:-6px;
	z-index:100;
}

.s2 .iphone .l p b{
	display:block;
	font-size:26px;
}

.s2 .iphone .c{
	position:absolute;
	top:0;
	left:320px;
	width:320px;
	z-index:30;
}

.s2 .iphone .c .s{
	position:absolute;
	bottom:-110px;
	left:137px;
}

.s2 .iphone .c .m{
	position:absolute;
	bottom:-78px;
	left:130px;
}

.s2 .iphone .c .b{
	min-width:100%;
	position:absolute;
	bottom:-44px;
	left:-7px;
}

.s2 .iphone .c p{
	color:#e21b42;
	font-size:16px;
	line-height:1.5;
	min-width:100%;
	position:absolute;
	bottom:42px;
	left:-4px;
	z-index:100;
}

.s2 .iphone .c p b{
	display:block;
	font-size:26px;
}

.s2 .iphone .r{
	position:absolute;
	bottom:0;
	left:640px;
	width:320px;
	z-index:30;
}

.s2 .iphone .r .s{
	position:absolute;
	bottom:90px;
	left:-1px;
}

.s2 .iphone .r .m{
	position:absolute;
	bottom:110px;
	left:24px;
}

.s2 .iphone .r .b{
	min-width:100%;
	position:absolute;
	bottom:138px;
	left:-7px;
}

.s2 .iphone .r p{
	color:#a93ecc;
	font-size:16px;
	line-height:1.5;
	min-width:100%;
	position:absolute;
	bottom:211px;
	left:-6px;
	z-index:100;
}

.s2 .iphone .r p b{
	display:block;
	font-size:26px;
}



.s3 .container{
	margin-bottom: 105px;
}

.s3 .p1, .s3 .p1 p{
	color:#f9264f;
	text-align:left;
}

.s3 .p2, .s3 .p2 p{
	color:#2e9d41;
	text-align:left;
}

.s3 .p3, .s3 .p3 p{
	color:#b644db;
	text-align:left;
}

.s3 .p4, .s3 .p4 p{
	color:#ff7e00;
	text-align:left;
}

.s3 .container .p1{
	background-image:url('../img/cross1.png');
	background-position:center center;
	background-repeat:no-repeat;
}

.s3 .container .p2{
	background-image:url('../img/cross2.png');
	background-position:center center;
	background-repeat:no-repeat;
}

.s3 .container .p3{
	background-image:url('../img/cross3.png');
	background-position:center center;
	background-repeat:no-repeat;
}

.s3 .container .p4{
	background-image:url('../img/cross4.png');
	background-position:center center;
	background-repeat:no-repeat;
}

.s3 .container .row h3 span{
	display:block;
	font-size:32px;
	letter-spacing:0.0em;
	line-height:1.5;
	text-decoration:underline;
}

.s3 .container .row h3 b{
	display:block;
	margin-bottom: -2px;
}

.s3 .container .row p{
	font-size:14px;
	margin-top:20px;
	line-height:1.6;
}

.s3 .p1 .text_center{
	position:relative;
}

.s3 .p1 .text_center .tip{
	position:absolute;
	top: 0;
	right:10px;
}

.s3 .p2 .text_center{
	position:relative;
}

.s3 .p2 .text_center .tip{
	position:absolute;
	top: 0;
	left:10px;
}

.s3 .p3 .text_center{
	position:relative;
}

.s3 .p3 .text_center .tip{
	position:absolute;
	top: 0;
	right:10px;
}

.s3 .p4 .text_center{
	position:relative;
}

.s3 .p4 .text_center .tip{
	position:absolute;
	top: 0;
	left:10px;
}


.s3 .p2 .col-md-6,
.s3 .p4 .col-md-6{
	float:right;
}

.s3 .p2 .col-md-6:first-child,
.s3 .p4 .col-md-6:first-child{
	padding-left:80px;
}


.s4{
	background-image: url('../img/dl_bg.png');
	background-size:cover;
	background-position:center center;
	width:100%;
	padding: 98px 0px 70px;
	position:relative;
	text-align:center;
}

.s4 .container{
	height:100%;
}

.s4 .container .table{
	height:100%;
}

.s4 h3{
	color:#f0f0f0;
	font-size:24px;
	margin-bottom:40px;
}

.s4 .btn{
	margin-top:25px;
}

.s4 .btn span{
	display:block;
	color:#f0f0f0;
	margin-bottom:4px;
}

.s5{
	background-image: url('../img/method_bg.png');
	background-size:cover;
	background-position:center center;
	width:100%;
	position:relative;
	text-align:center;
}

.s5 .method li{
	background-color:#fff;
	padding: 65px 30px 0px;
}

.s5 .method li.case1{
	border-top:4px solid #f14b4b;
}

.s5 .method li.case1 .col-md-6:first-child{
	padding-top:30px;
}

.s5 .method li.case2 .col-md-6:first-child{
	padding-top:30px;
}

.s5 .method li.case3 .col-md-6:first-child{
	padding-top:30px;
}

.s5 .method li.case4 .col-md-6:first-child{
	padding-top:30px;
}

.s5 .method li.case2{
	border-top:4px solid #42a451;
}

.s5 .method li.case3{
	border-top:4px solid #b644db;
}

.s5 .method li.case4{
	border-top:4px solid #ff7e00;
}



.s5 .method li .case{
	color:#f14b4b;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.3em;
	text-align:center;
}

.s5 .method li.case2 .case{
	color:#42a451;
}

.s5 .method li.case3 .case{
	color:#b644db;
}

.s5 .method li.case4 .case{
	color:#ff7e00;
}

.s5 .method li .col-md-6 .left:first-child{
	padding-right:36px;
}

.s5 .method li .col-md-6 .left .arrow{
	background-image:url('../img/method_arrow.png');
	background-repeat:no-repeat;
	background-position:61% 38px;
}

.s5 .method li.case2 .col-md-6 .left .arrow{
	background-position:58% 38px;
}

.s5 .method li.case3 .col-md-6 .left .arrow{
	background-position:50% 38px;
}

.s5 .method li.case4 .col-md-6 .left .arrow{
	background-position:42% 45px;
}

.s5 .method li .col-md-6 .w260{
	width:260px;
}

.s5 .method li .col-md-6 h3{
	color:#f14b4b;
	font-size:20px;
	text-decoration:underline;
	margin-bottom: 28px;
}

.s5 .method li.case2 .col-md-6 h3{
	color:#42a451;
}

.s5 .method li.case3 .col-md-6 h3{
	color:#b644db;
}

.s5 .method li.case4 .col-md-6 h3{
	color:#ff7e00;
}


.s5 .method li .col-md-6 h4{
	color:#787878;
	font-size:14px;
	margin-bottom:12px;
}

.s5 .method li .col-md-6 h4 b{
	color:#f14b4b;
	display:block;
	font-weight:bold;
	font-size:18px;
	padding-top: 6px;
}

.s5 .method li.case2 .col-md-6 h4 b{
	color:#42a451;
}

.s5 .method li.case3 .col-md-6 h4 b{
	color:#b644db;
}

.s5 .method li.case4 .col-md-6 h4 b{
	color:#ff7e00;
	padding-top:12px;
}

.s5 .method li .col-md-6 h5{
	color:#787878;
	font-size:14px;
	margin-bottom:12px;
}

.s5 .method li .col-md-6 .bottom{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	font-size:14px;
	padding:10px 0px;
	margin-top:30px;
	margin-bottom: 40px;
}

.s5 .method li .col-md-6:last-child{
	position:relative;
}

.s5 .method li .col-md-6:last-child img:last-child{
	position:absolute;
	top:-12px;
	right:25px;
}

.s5 .method li p{
	line-height:1.5;
	text-align:left;
}


.s6{
	background-image: url('../img/able_bg.png');
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	width:100%;
	padding:150px 0px 130px;
	position:relative;
	text-align:center;
}

.s6 h2{
	color:#f0f0f0;
	line-height:1.6;
}

.s6 p{
	color:#f0f0f0;
	font-size:16px;
	line-height:1.4;
	margin:10px 0 -4px;
}

.s6 div span{
	color:#f0f0f0;
	font-size:10px;
}

.s6 .container2{
	margin:0px auto;
	width:960px;
}

.s6 .container2 ul li{
	float:left;
	padding-left:50px;
	margin-bottom: 20px;
}

.s7{
	background-color:#fafafa;
	width:100%;
	padding: 98px 0px 70px;
	position:relative;
	text-align:center;
}

.s7 .container{
	height:100%;
}

.s7 .container .table{
	height:100%;
}

.s7 h3{
	color:#595959;
	font-size:24px;
	margin-bottom:40px;
}

.s7 .btn{
	margin-top:25px;
}

.s7 .btn span{
	display:block;
	color:#787878;
	margin-bottom:4px;
}

footer{
	background-color:#1b1b1b;
	width:100%;
	position:relative;
	text-align:center;
}

#footer_center ul{
	border-bottom: 1px solid #6a6969;
	padding: 40px 0px 16px;
}
#footer_copy{
	padding:16px 0px 30px;
}

footer ul li{
	background-image: url('../img/footer_arrow.png');
	background-repeat:no-repeat;
	background-position: left 55%;
	float:left;
	padding-left:14px;
	margin-right:30px;
}

footer ul li a{
	color:#e7e4e4 !important;
	font-size:12px;
}