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

@media only screen and (max-width: 1098px) {
.content {
	width: 80%;
}
}

@media only screen and (max-width: 1024px) {
.box-green {
    font-size: 30px;
}
h3 {
    font-size: 35px;
}	
.plane-right {
    right: -30px;
	top: -200px;
}
.plane-left {
    left: -30px;
	bottom: -300px;
}
.btn-register {
    width: 50%;
}
}



@media only screen and (max-width: 800px) {
h1 {
    font-size: 55px;
    line-height: 80px;
}
h2 {
    font-size: 40px;
    line-height: 55px;
}	
h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 20px 0 0 0;
}
.box-green {
    font-size: 24px;
}	
.box-green img {
    width: 35px;
    vertical-align: top;
}	
.box-three-left {
    padding-right: 15px;
}	
.box-three-right {
    padding-left: 15px;
}	
ul.smart-phone-box li {
    font-size: 18px;
    line-height: 45px;
}	
.box-three-left ul.smart-phone-box li img {
    margin-left: 10px;
	width: 18%;
}	
.box-three-right ul.smart-phone-box li img {
    width: 18%;
    margin-right: 10px;
}	
span.span-smart {
    font-size: 15px;
}	
ul.box-check-protection li {
    width: 100%;
    font-size: 30px;
}	
ul.box-register-step span {
    font-size: 22px;
}
.btn-buyonline {
    top: 30%;
}	
.btn-register {
    width: 60%;
}
}


@media only screen and (max-width: 768px) {
.box-green {
    padding: 20px;
}
ul.box-check-protection li {
    font-size: 27px;
}

}



@media only screen and (max-width: 740px) {
.box-green {
    font-size: 22px;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 35px;
    line-height: 45px;
}	
h3 {
    font-size: 27px;
    line-height: 35px;
}	
.box-green img {
    width: 30px;
}	
.box-three-mb {
    padding: 45px 0 0 0;
}	
.smart-phone-mg {
    padding: 0 0 60px 0;
}
.section-6 h2 {
    font-size: 45px;
}
		
	
}


@media only screen and (max-width: 686px) {
.box-green {
    text-align: left;
	padding: 20px 25px;
}
.btn-buyonline {
    font-size: 18px;
}
.box-three-center {display: none;}
.box-three-mb {display: block!important;}
.box-three-left {
    text-align: left;
    width: 50%;
}	
.box-three-left {
    padding-top: 30px;
}
.box-three-right {
    width: 50%;
	padding-top: 30px;
}	
.box-three-left ul.smart-phone-box li img, .box-three-right ul.smart-phone-box li img {
    margin-right: 10px;
    width: 20%;
    float: left;
    margin-left: 0;
}	
ul.smart-phone-box li {
    font-size: 23px;
}	
span.span-smart {
    font-size: 20px;
}	
.box-three-mb img {
    width: 30%;
}		
ul.box-check-protection li {
    font-size: 23px;
}	
.btn-checkpro a, .btn-buyblack a, .btn-register {
    font-size: 23px;
}	
.section-6 h2 {
    font-size: 40px;
}
.section-6 {
    padding: 40px 0 10px 0;
}	
}

@media only screen and (max-width: 667px) {

}


@media only screen and (max-width: 640px) {
ul.box-register-step span {
    font-size: 19px;
}
h3 {
    font-size: 25px;
}	
.box-green {
    font-size: 21px;
}	
	
}

@media only screen and (max-width: 568px) {
h1 {
    font-size: 45px;
}
h2 {
    font-size: 30px;
}	
h3 {
    font-size: 22px;
}	
.box-three-left {
    padding-top: 30px;
    padding-right: 0;
	width: 100%;
}	
.box-three-right {
    padding-top: 0;
    padding-left: 0;
	width: 100%;
}	
.box-three-left ul.smart-phone-box li img, .box-three-right ul.smart-phone-box li img {
    width: 10%;
}	
.box-three-mb {
    width: 50%;
    float: left;
}	
.smart-phone-mg {
    width: 50%;
    float: left;
}	
ul.smart-phone-box li {
    padding: 0 0 20px 0;
    line-height: 48px;
	font-size: 20px;
}	
.box-three-mb img {
    width: 95%;
	float: left;
}
.box-three-left ul.smart-phone-box li img, .box-three-right ul.smart-phone-box li img {
    width: 18%;
}
.smart-phone-mg {
    padding: 35px 0 60px 0;
}
.section-2 {
    padding: 40px 0 100px 0;
}
h1 {
    line-height: 55px;
}
h3 {
    margin: 15px 0 0 0;
}	
h2 {
    font-size: 27px;
    line-height: 37px;
}	
ul.box-check-protection li {
    font-size: 21px;
    margin-bottom: 10px;
}	
.btn-checkpro a, .btn-buyblack a, .btn-register {
    font-size: 21px;
}	
.section-4 h1 {
    font-size: 65px;
}
.section-43 h1 {
    font-size: 65px;
}
ul.box-register-step li {
    width: 32%;
}	
#footer ul li img {
    width: 37px;
}	
.section-4 {
    padding: 250px 0 500px 0;
}	
.section-43 {
    padding: 250px 0 500px 0;
}
.btn-register {
    width: 70%;
}
}



@media only screen and (max-width: 533px) {
h1 {
    font-size: 40px;
}
h3 {
    font-size: 20px;
}	
.box-green {
    font-size: 18px;
}	
.box-green img {
    width: 25px;
}	
ul.smart-phone-box li, span.span-smart {
    font-size: 18px;
}	
ul.box-check-protection li {
    font-size: 18px;
}	
ul.box-check-protection li {
    padding: 0 0 0 40px;
    background-size: 30px;
}	
.btn-checkpro a, .btn-buyblack a, .btn-register {
    font-size: 16px;
}	
.section-6 h2 {
    font-size: 30px;
}	
ul.box-register-step span {
    font-size: 18px;
}	
	
	
}

@media only screen and (max-width: 480px) {
.show-480 {
	display: block;	
}	
.box-three-mb {
    width: 45%;
}
.smart-phone-mg {
    width: 55%;
}
ul.smart-phone-box li {
    line-height: 30px;
}
h2 {
    font-size: 24px;
}
ul.box-register-step li {
    vertical-align: top;
}
ul.box-register-step span {
    line-height: 20px;
    margin-top: 10px;
}
.btn-buyonline {
    top: 5%;
}
.plane-left, .plane-right {
    display: none;
}
.section-4 {
    padding: 105px 0 500px 0;
}
.section-4 h3 {
    margin: 10px 0 0 0;
}

.section-43 {
    padding: 105px 0 500px 0;
}
.section-43 h3 {
    margin: 10px 0 0 0;
}

}


@media only screen and (max-width: 414px) {
h3 {
    margin: 10px 0 0 0;
    line-height: 30px;
}
.plane-right {
    right: -15px;
    top: -115px;
}
ul.smart-phone-box li {
    padding: 0 0 15px 0;
}	
ul.smart-phone-box li, span.span-smart {
    font-size: 15px;
}	
.section-2 {
    padding: 40px 0 45px 0;
}	
h2 {
    font-size: 1.6em;
    line-height: 27px;
}
h1 {
    font-size: 30px;
}
ul.box-check-protection li {
    background: url(../images/../images/icon-plane.png) no-repeat left top;
    background-size: 30px;
    height: 31px;
    padding-top: 6px;
    display: inline-block;
}
.btn-checkpro a {
    padding: 10px 20px;
}

.section-4 {
    padding: 115px 0 300px 0;
}	
.section-4 h2 {
    font-size: 24px;
}	
.section-4 h1 {
    font-size: 45px;
    line-height: 60px;
}	
.section-4 h3 {
    font-size: 23px;
    margin: 10px 0 0 0;
}	



.section-43 {
    padding: 115px 0 300px 0;
}   
.section-43 h2 {
    font-size: 24px;
}   
.section-43 h1 {
    font-size: 45px;
    line-height: 60px;
}   
.section-43 h3 {
    font-size: 23px;
    margin: 10px 0 0 0;
}   

.section-6 h2 {
    font-size: 27px;
}
#footer ul li a {
    font-size: 18px;
}
.banner-index {
    margin-top: 50px;
}
.btn-register {
    width: 80%;
}
ul.box-register-step {
    margin: 30px auto;
}
.logo {
    width: 15%;
	float: left;
}
.btn-buyonline {
    top: 15%;
    font-size: 14px;
    padding: 5px 20px;
}
.section-4 h2 {
    line-height: normal;
}
.section-43 h2 {
    line-height: normal;
}
}


@media only screen and (max-width: 375px) {	
.box-green {
    padding: 15px;
}	
.smart-phone-mg {
    width: 100%;
    padding: 0 0 60px 0;
}
.box-three-mb {
    width: 100%;
}
.box-three-mb img {
    width: 50%;
    float: unset;
}
ul.smart-phone-box li, span.span-smart {
    font-size: 18px;
    line-height: 55px;
}
.section-3 {
    padding: 0 0 40px 0;
}
.btn-register {
    padding: 10px 15px;
}
ul.box-register-step span, #footer ul li a {
    font-size: 16px;
}
ul.smart-phone-box {
    width: 85%;
    margin: 0 auto;
}
}



@media only screen and (max-width: 360px) {
.section-1 {
    padding: 25px 0 40px 0;
}
.box-green span {
    margin-right: 0;
    width: 80%;
    display: inline-block;
}	
.mobile-full {
    width: 100%;
}	
.btn-checkpro a {
    padding: 10px 10px;
}	
.banner-index {
    margin-top: 0;
}
.section-6 h2 {
    font-size: 24px;
}	
ul.box-check-protection li {
    background-size: 25px;
    padding: 0 0 0 32px;
}	
ul.box-check-protection {
    width: 90%;
}	
}



@media only screen and (max-width: 320px) {
h2, .section-6 h2 {
    font-size: 20px;
}
h1 {
    font-size: 27px;
}
h3 {
    font-size: 18px;
    line-height: 25px;
}
.box-green {
    font-size: 16px;
}	
.btn-checkpro a, .btn-buyblack a, .btn-register {
    font-size: 16px;
}	
	
}