@media (min-width: 1300px) {
.container{ width:1268px;}

.header .header-point li{ font-size:13px;}
.header .header-login a.get-password{ font-size:20px;}
header.header{ padding-bottom:12px;}

.four-grid li .video-thum .play-link{ top:25%;}

.join-sec .video-box .member-popup{ top:12%;}

.join-sec .video-box .player-box{ padding-bottom:18px;}


.join-sec .why-join{ width:20%;}
.join-sec .account-step{ width:22%;}
.join-sec .account-step .step-2 ul li{ padding-left:10px;}

.choose-member .step-3 ul li .price{ padding:12px 5px; width:30%;}
.choose-member .step-3 ul li .thread{ padding:12px 13px; width:70%;}
.choose-member .step-3 ul li .thread .thread-text{ width:80%;}
.choose-member .step-3 ul li .thread .best-deal{ top:15%;}


.join-sec .account-step .step-1 li{ margin-bottom:7px;}
.join-sec .account-step .step-1{ padding-bottom:4px;}

.join-sec .why-join ul li{ line-height:18px;}

.choose-member .step-3 ul li.submit input[type="submit"]{ font-size:18px;}


}

@media only screen and (min-width : 1600px) {
	
.container{ width:1560px;}

.header .header-point li{ font-size:15px;}
.header .header-login a.get-password{ font-size:25px;}
header.header{ padding-bottom:8px;}

.four-grid li .video-thum .play-link{ top:33%;}

.join-sec .video-box .member-popup{ top:20%;}

.join-sec .video-box .player-box{ padding-bottom:24px;}

.join-sec .why-join{ width:16%;}
.join-sec .account-step{ width:26%;}
.join-sec .account-step .step-2 ul li{ padding-left:40px;}

.choose-member .step-3 ul li .price{ padding:20px 7px; width:25%;}
.choose-member .step-3 ul li .thread{ padding:20px 13px; width:75%;}
.choose-member .step-3 ul li .thread .thread-text{ width:85%;}
.choose-member .step-3 ul li .thread .best-deal{ top:38%;}

.join-sec .account-step .step-1 li{ margin-bottom:10px;}
.join-sec .account-step .step-1{ padding-bottom:20px;}

.join-sec .why-join ul li{ line-height:22px;}

.choose-member .step-3 ul li.submit input[type="submit"]{ font-size:22px;}


}


@media (min-width: 992px) and (max-width: 1199px) {

.container{ width:970px; padding-left:15px; padding-right:15px;}

.header .logo{ width:50%;}
.header .header-thum{ width:50%;}
.header .header-thum ul li{ text-align:right;}
.header .header-thum .header-model{ left:-10px;}
.header .header-point{ width:70%; clear:left; margin-top:20px; margin-bottom:10px; padding-left:0;}
.header .header-login{ width:30%; margin-top:15px;}

.four-grid li .video-left .video-time{ font-size:12px;}
.password-btn a{ font-size:40px; height:80px; line-height:92px;}
footer.footer{ padding-top:40px;}



.join-sec .video-box{ width:60%;}
.join-sec .why-join{ width:40%; border-right:none;}
.join-sec .why-join h2.join-title{ padding:7px 15px; text-align:left;}

.join-sec .account-step{ clear:left; width:50%;}
.join-sec .choose-member{ width:50%;}

.video-option ul li a{ font-size:18px;}




}

@media (min-width: 768px) and (max-width: 991px) {

.container{ width:750px; padding-left:15px; padding-right:15px;}

.header .logo{ width:50%;}
.header .header-thum{ width:50%;}
.header .header-thum ul li{ text-align:right;}
.header .header-thum .header-model{ display:none;}
.header .header-point{ width:50%; clear:left; margin-top:20px; margin-bottom:10px; padding-left:0;}
.header .header-login{ width:50%; margin-top:15px;}

.four-grid li .video-left .video-time{ font-size:12px;}
.password-btn a{ font-size:40px; height:80px; line-height:92px;}

.four-grid li{ width:50%;}
.four-grid li:nth-child(2n+1){ clear:left;}


footer.footer{ padding-top:40px;}


.join-sec .video-box{ width:60%;}
.join-sec .why-join{ width:40%; border-right:none;}
.join-sec .why-join h2.join-title{ padding:7px 15px; text-align:left;}

.join-sec .account-step{ clear:left; width:50%; border-top:2px solid #1a1a1a; margin-top:20px;}
.join-sec .choose-member{ width:50%; border-top:2px solid #1a1a1a; margin-top:20px;}

.join-sec .why-join ul li{ line-height:20px;}


.video-option ul li{ width:33.333%; margin-bottom:8px;}
.video-option ul li a{ font-size:22px;}

.join-sec .video-box .member-popup{ top:10%;}

.join-sec .video-box .player-box{ padding-bottom:16px;}




}

@media (min-width: 600px) and (max-width: 767px) {

.container{ padding-left:15px; padding-right:15px;}


.header .logo{ width:50%;}
.header .header-thum{ width:50%;}
.header .header-thum ul li{ text-align:right;}
.header .header-thum .header-model{ display:none;}
.header .header-thum .header-model img{ max-width:170px;}
.header .header-point{ width:55%; clear:left; margin-top:20px; margin-bottom:10px; padding-left:0;}
.header .header-login{ width:45%; margin-top:15px;}

.four-grid li .video-left .video-time{ font-size:12px;}
.password-btn a{ font-size:40px; height:80px; line-height:92px;}

.four-grid li{ width:50%;}
.four-grid li:nth-child(2n+1){ clear:left;}

footer.footer{ padding-top:40px;}

.join-sec .video-box{ width:60%;}
.join-sec .why-join{ width:40%; border-right:none;}
.join-sec .why-join h2.join-title{ padding:7px 15px; text-align:left;}

.join-sec .account-step{ clear:left; width:50%; border-top:2px solid #1a1a1a; margin-top:20px;}
.join-sec .choose-member{ width:50%; border-top:2px solid #1a1a1a; margin-top:20px;}

.join-sec .why-join ul li{ line-height:20px;}


.video-option ul li{ width:33.333%; margin-bottom:8px;}
.video-option ul li a{ font-size:18px;}

.choose-member .step-3 ul li .thread{ width:70%;}
.choose-member .step-3 ul li .price{ width:30%;}
.choose-member .step-3 ul li .thread .best-deal{ top:20%;}

.join-sec .video-box .member-popup{ top:10%;}

.join-sec .video-box .player-box{ padding-bottom:13px;}


}


@media (max-width: 599px) {

.container{ padding-left:15px; padding-right:15px;}	

.header .header-login a.get-password{ font-size:22px;}
.header .logo{ width:50%;}
.header .header-thum{ width:50%; padding-left:0;}
.header .header-thum ul li{ text-align:center;}
.header .header-thum .header-model{ display:none;}
.header .header-thum .header-model img{ max-width:170px;}
.header .header-point{ width:55%; clear:left; margin-top:20px; margin-bottom:10px; padding-left:0;}
.header .header-login{ width:45%; margin-top:15px;}

.four-grid li .video-left .video-time{ font-size:12px;}
.password-btn a{ font-size:40px; height:80px; line-height:92px; padding:0; display:block;}

.four-grid li{ width:50%;}
.four-grid li:nth-child(2n+1){ clear:left;}

footer.footer{ padding-top:40px;}

.join-sec .video-box{ width:100%; float:none;}
.join-sec .why-join{ width:100%; float:none; border-right:none;}
.join-sec .why-join h2.join-title{ padding:7px 15px; text-align:left;}

.join-sec .account-step{ clear:none; float:none; width:100%; border-top:2px solid #1a1a1a; margin-top:20px;}
.join-sec .choose-member{ width:100%; float:none; border-top:2px solid #1a1a1a; margin-top:20px; border-left:none;}

.join-sec .why-join ul li{ line-height:20px;}


.video-option ul li{ width:50%; margin-bottom:8px;}
.video-option ul li a{ font-size:18px;}

.choose-member .step-3 ul li .thread{ width:70%;}
.choose-member .step-3 ul li .price{ width:30%;}
.choose-member .step-3 ul li .thread .best-deal{ top:20%;}

.join-sec .video-box .member-popup{ top:12%;}

.join-sec .video-box .player-box{ padding-bottom:17px;}


}

@media (max-width: 480px) {

header.header{ padding-bottom:14px;}
.header .header-login a.get-password{ font-size:22px;}
.header .logo{ width:100%; float:none; margin-bottom:20px;}
.header .header-thum{ width:100%; float:none;}
.header .header-thum ul li{ text-align:center;}
.header .header-thum .header-model{ left:-10px;}
.header .header-thum .header-model img{ max-width:none;}
.header .header-point{ width:100%; float:none; margin-top:20px; margin-bottom:10px; padding-left:0;}
.header .header-login{ width:100%; float:none; margin-top:15px; padding-left:0; text-align:center;}


h2.title{ float:none; text-align:center; display:block;}
.hottest-video .pagination{ float:none; text-align:center; margin-top:15px;}

.four-grid li .video-left .video-time{ font-size:12px;}
.password-btn a{ font-size:30px; height:70px; line-height:80px; padding:0; display:block;}

.four-grid li{ width:50%;}
.four-grid li:nth-child(2n+1){ clear:left;}
	

}

@media (max-width: 360px) {

.header .header-thum .header-model img{ max-width:170px;}
.four-grid li{ width:100%;}
.pagination ul li{ margin-bottom:10px;}

.password-btn a{ height:50px; line-height:58px; word-spacing:3px; font-size:20px;}

.video-option ul li a{ font-size:16px;}

.join-sec .video-box .member-popup{ top:10%; padding:10px;}
.join-sec .video-box .player-box{ padding-bottom:12px;}


}

@media (max-width: 320px) {
	
.video-option ul li{ width:100%; float:none;}
.join-sec .account-step .step-2 ul li{ padding-left:15px;}	
.choose-member .step-3 ul li.submit input[type="submit"]{ font-size:18px;}

.join-sec .video-box .player-box{ padding-bottom:10px;}

}