@media only screen and (max-width:1900px){
.centerwrap{width:1560px;}
.bodyarea{padding-top:50px; padding-bottom:160px;}
.bodyarea:before{background-size:auto 180px; height:180px;}
.bodyarea:after{background-size:auto 120px; height:120px;}
.getPassword:before, .getPassword:after{background-size:400px; width:400px; height:128px;}
.grid li video{height:390px;}
}
@media only screen and (max-width:1590px){
.centerwrap{width:1250px;}
.logo{width:340px;}
.nav{padding-left:45px;}
.nav li{font-size:18px; margin-right:22px;}
.nav li a{line-height:56px;}
.nav li a i{font-size:18px; margin-right:8px;}
.joinNow a{font-size:20px; line-height:34px; padding:0 20px;}
.topVideo{padding-top:56px;}
header{height:56px;}
.bodyarea{padding-top:40px; padding-bottom:95px;}
.joinC h3{font-size:40px; line-height:40px;}
.forOnly{font-size:26px; line-height:32px;}
.price{font-size:90px; line-height:75px; margin-bottom:20px;}
.price sup{font-size:32px; top:-16px;}
.redeem{line-height:50px; font-size:28px; padding:0 24px;}
.cover:before{left:12px; top:12px; right:12px; bottom:12px;}
.midInfo h1{font-size:58px; line-height:52px;}
.midInfo h2{font-size:18px; padding-bottom:22px;}
.getPassword a{font-size:46px; line-height:73px; padding-left:25px; padding-right:28px;}
.getPassword a i{font-size:44px; margin-right:11px;}
.midInfo{padding-top:34px; padding-bottom:44px;}
.fLofo{width:340px;}
.pagination{padding-top:46px; padding-bottom:40px;}

.bodyarea:before{background-size:auto 150px; height:150px;}
.bodyarea:after{background-size:auto 100px; height:100px;}
.getPassword:before{left:40px; background-size:300px; width:300px; height:98px;}
.getPassword:after{right:40px; background-size:300px; width:300px; height:98px;}
.grid li video{height:312.5px;}
}
@media only screen and (max-width:1279px){
.centerwrap{width:994px;}
.grid li{width:33.33%;}
.responsive{display:block;}
.midInfo{padding-top:25px; padding-bottom:34px;}
.midInfo h1{font-size:46px; line-height:42px;}
.midInfo h2{font-size:16px; padding-bottom:16px;}
.getPassword a{font-size:36px; line-height:60px;}
.getPassword a i{font-size:34px; margin-right:11px;}
.bodyarea{padding-bottom:65px;}

.bodyarea:before{background-size:auto 130px; height:130px;}
.bodyarea:after{background-size:auto 94px; height:94px;}
.blackArea{margin-top:24px; margin-bottom:30px;}
.getPassword:before{left:30px;}
.getPassword:after{right:30px;}
.grid li video{height:331.3px;}
}
@media only screen and (max-width:1023px){
.centerwrap{width:748px;}
header{height:46px;}
.logo{width:270px;}
.nav{padding-left:15px;}
.nav li{font-size:16px; margin-right:16px;}
.nav li a{line-height:46px;}
.nav li a i{font-size:16px; margin-right:6px;}
.joinNow{padding-top:7px;}
.joinNow a{font-size:16px; line-height:28px; padding:0 12px;}
.topVideo{padding-top:46px;}
.bodyarea{padding-top:30px;}
.joinC h3{font-size:30px; line-height:30px;}
.forOnly{font-size:20px; line-height:26px;}
.price{font-size:70px; line-height:60px; margin-bottom:14px;}
.price sup{font-size:20px; top:-14px;}
.redeem{line-height:33px; padding:0 16px; font-size:20px;}
.midInfo h1{font-size:36px; line-height:36px;}
.getPassword a{font-size:30px; line-height:50px;}
.getPassword a i{font-size:27px;}
.pagination ul li{font-size:18px;}
.pagination ul li a{min-width:38px; line-height:38px;}
.pagination{padding-top:32px; padding-bottom:42px;}
footer .centerwrap{flex-direction:column;}
.fRight{padding-bottom:20px; align-items:center;}
.fContent p{text-align:center;}
.fRight li:last-child{padding-right:14px;}
.fLofo{padding-bottom:12px;}

.bodyarea:before{background-size:auto 110px; height:110px;}
.bodyarea:after{background-size:auto 74px; height:74px;}
.blackArea{margin-top:24px; margin-bottom:30px;}
.getPassword:before{left:0px; background-size:240px; width:240px; height:84px;}
.getPassword:after{right:0px; background-size:240px; width:240px; height:84px;}
.grid li video{height:249.3px;}
}
@media only screen and (max-width:767px){
.centerwrap{width:460px;}
.logo{float:none; margin:auto;}
.nav{padding-left:0px;}
.topVideo{padding-top:98px;}
.grid li{width:50%;}
.midInfo{padding-top:17px; padding-bottom:24px;}
header{height:auto;}
.midInfo h2{font-size:15px; padding-bottom:10px;}
.getPassword a{font-size:22px; line-height:38px; padding-left:15px; padding-right:13px;}
.getPassword a i{font-size:20px; margin-right:8px;}
.pagination{padding-bottom:34px;}
.fLofo{padding-top:20px;}

.bodyarea:before{background-size:auto 90px; height:90px;}
.bodyarea:after{background-size:auto 55px; height:55px;}
.blackArea{margin-bottom:24px;}
.getPassword:before{left:0px; background-size:240px; width:240px; height:84px;}
.getPassword:after{right:0px; background-size:240px; width:240px; height:84px;}
.grid li video{height:230px;}
.memberspreview {flex-direction: column; align-items: center;}
.memberspreview img {
    width: auto; 
	max-width: 80%;
	height: auto;
	margin: 0 auto;
  }
}
@media only screen and (max-width:479px){
.centerwrap{width:300px;}
.nav li{font-size:14px; margin-right:18px;}
.nav li a{line-height:36px;}
.nav{float:none;}
.joinNow{text-align:center; float:none; padding-bottom:10px;}
.joinNow a{display:inline-block;}
.bodyarea{padding-top:20px; padding-bottom:32px;}
.joinC h3{font-size:20px; line-height:20px;}
.forOnly{font-size:14px; line-height:18px;}
.price{font-size:50px; line-height:40px; margin-bottom:14px;}
.price sup{font-size:14px; top:-11px;}
.cover:before{left:5px; top:5px; right:5px; bottom:5px;}
.redeem{line-height:24px; padding:0 10px; font-size:14px;}
.topVideo{padding-top:138px;}
.midInfo h1{font-size:24px; line-height:24px;}
.midInfo h2{font-size:14px;}
.pagination{padding-top:22px; padding-bottom:28px;}
.pagination ul li{font-size:16px; margin-right:6px;}
.pagination ul li a{min-width:30px; line-height:30px;}
.fLofo{width:270px;}
.fRight li{font-size:14px; padding:0 12px;}
.fRight ul{flex-wrap:wrap; justify-content:center;}

.bodyarea:before{background-size:auto 50px; height:50px;}
.bodyarea:after{background-size:auto 34px; height:34px;}
.blackArea{margin-bottom:24px;}
.getPassword{padding-bottom:20px;}
.getPassword:before{left:50%; background-size:240px; width:240px; height:84px; transform:translateX(-50%); top:25px;}
.getPassword:after{display:none;}
.grid li video{height:150px;}
}