body{ background-color:#f4f4f4 }
ul, li{ margin:0; padding:0; list-style-type: none; }
a{ text-decoration:none; color: #333333; }
img{ border-radius:20px; }
table{ border-collapse: collapse;}
.main-content{ padding:20px; }
h2.d_title, h3.th_title{ border-bottom:2px solid #f1f1f1; margin: 40px 0 40px 0; padding-bottom: 5px; text-align:center; line-height:40px; }
span.d_tit_s{ border-bottom:3px solid #28b298;  padding-bottom: 9px; }
span.th_tit_s{ border-bottom:3px solid #28b298;  padding-bottom: 12px; }
.pad{ clear:both; }
.home-page{ max-width:1200px; margin:0 auto;  background: #fff}
.vpn_top_banner, .vpn_top_feature, .footer_b{ width:100%; padding-bottom: 20px; display: flex; }
.vpn_top_banner p{ padding:10px 10px 0 10px }
.text, .feature_text, .f_b_text{ width: 800px;}
.feature_text p, p.device_text{ line-height:28px; color: #333; }
p.feature_detail{ margin-top:30px; line-height:40px; }
.pic{ text-align: center; width: 500px;}
.pic img {
    width: 100%;
}
@media (max-width: 1200px) {
    .vpn_top_banner, .vpn_top_feature, .footer_b {
    flex-direction: column;
  }
  .pic { width: auto; }
  .text, .feature_text, .f_b_text { width: auto; }
  .pic img { width: auto;}
  .text{ margin-bottom: 20px;}
}
.vpn_header { max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto; background: #fff; border-radius:30px; padding:0; border: 1px solid #28b298;}
.nav_a { text-align: center; flex: 1 1 25%; box-sizing: border-box; padding:0; justify-content: center; align-items: center; display: flex;}
.w_logo{ display: flex; justify-content: center; align-items: center; color: #333; font-size: 14px; font-weight: 600; }
.w_logo img{ padding-right:10px; border-radius:0; }
.nav_a a{ font-size:16px; color:#000; font-weight:800; padding:20px; }
.w_logo a{ display: flex; justify-content: center; align-items: center; color: #333; font-size: 14px; font-weight: 600;  }
a.home{ padding-left:0; }
.nav_a a:hover{ color:#28b298; text-decoration: underline; }
.down_no{ color: #666; font-size:14px; line-height:32px; }
p.i_r_no{ margin: 10px 0;}
h1.page_title{ padding:0 10px; font-size:36px; margin:10px 0 5px 0}
.free_s{ color: #666; font-size:14px; margin: 0; padding: 0 ; line-height: 28px; }
span.free_sev{ font-weight:bold; color: #000; font-size:16px; background: #28b298; padding: 5px; }
p.features_three{ line-height:32px; color: #333 }
p.down_button{ margin:20px 0 0 0; color: #666; font-size: 14px; line-height: 50px;}
p.d_l{ background: #28b298; padding:20px 50px; color: #fff; border-radius: 50px; font-size: 18px; cursor: pointer; transition: all .3s; box-shadow: 5px 5px 5px #A3D9C9; margin-right: 10px;}

p.d_l{ background: #28b298; padding:20px; width: 200px; color: #fff; border-radius: 50px; font-size: 18px; cursor: pointer; transition: all .3s; box-shadow: 5px 5px 5px #A3D9C9; margin: 0 auto; color: #ffffff;}
p.d_l:hover{ box-shadow: 5px 5px 25px #b8b8b8; }
.down_button{ padding-top:-10px; text-align:center;display: flex; justify-content: left; }
.down_no{ margin-bottom:-20px; padding-bottom:0; text-align:left; }
.down_button a{ display:block; padding:10px 30px; color:#fff; background: #28b298;  color: #fff; border-radius: 50px; font-size: 16px; transition: all .3s; box-shadow: 5px 5px 5px #A3D9C9; }
.apple_store a{ padding: 10px 45px; }
span.google_store, span.apple_store{display: flex; justify-content: center; align-items: center;}
.down_button a:hover{ box-shadow: 5px 5px 25px #b8b8b8; }
@media (max-width: 1200px) {
.down_button{ padding-top:-10px; text-align:center;display: flex; justify-content: center; }
.down_no{ margin-bottom:-20px; padding-bottom:0; text-align:center; }
.down_button a{ display:block; padding:5px 20px; color:#fff; font-size:16px; }
.apple_store a{ padding: 5px 35px; }
h1.page_title{ font-size: 24px; }
}
ul.device_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px 0 5px; border-radius: 10px; margin-bottom: 20px; }
ul.device_list li { text-align: center; flex: 1 1 25%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 240px; padding:20px 0; border: 1px solid #f1f1f1; border-radius:10px; }
ul.device_list li:hover{ background:#f1f1f1; color: #28b298; }
ul.device_list li:hover a{ color: #28b298; }
ul.device_list li img{ padding-bottom:10px; }
ul.device_list li a{ text-decoration:none; color:#333 }
.vpn_blog, .vpn_faq{ padding:0 ; }
ul.vpn_b_l li{ border-bottom:1px solid #f1f1f1; }
ul.vpn_b_l li p{ line-height: 32px; }
span.vpn_b_tit{ color: #000000; }
span.vpn_b_des{ color: #666666; font-size:14px; }
ul.vpn_b_l a:hover { color: #00b694; }
p.vpn_faq_text{ color:#666; line-height:26px; }
ul.vpn_faq_list li{ border:1px solid #f1f1f1; border-radius:10px; margin-bottom:20px; padding:10px; }
ul.vpn_faq_list li:hover{ background:#f1f1f1; }
.footer_banner{ background:#28b298; margin:40px 0; padding:0 20px; }
.footer_b{ max-width:1200px; margin:0 auto; }
.f_b_text p{ color: #fff; margin:10px 0; padding:0; }
p.big_t{ font-size:2.3em; font-weight:800; }
p.small_t{ font-size:1.3em; font-weight:400; padding:0; margin:10px 0 }
p.s_t_button{ margin:40px 0; text-align: left; }
p.s_t_button span{ background: #fff; padding:15px 25px; border-radius:50px; color:#28b298; font-weight:600; box-shadow:5px 5px 50px #999; }
p.s_t_button span:hover{ box-shadow:5px 5px 50px #f1f1f1; }
.f_pic{ padding:20px 0; }
.footer, .how_to_use_vpn { max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px 0 5px; border-radius: 10px; margin: 0 auto 50px auto; }
.footer_a, .vpn_step { text-align: left; flex: 1 1 25%; margin-right: 1%; box-sizing: border-box; max-width: 240px; padding:10px 0; }
.footer_a p{ line-height:36px; font-size:13px; color:#666; }
span.ff{ font-weight:600; font-size:14px; }
.footer_a p a{ font-size:13px; color:#666; }
.footer_a p a:hover{ color:#28b298; text-decoration: underline; }
@media only screen and (max-width: 1300px) {
    .footer_a, .vpn_step, .nav_a, .ul.device_list li{
        flex: 1 1 45%;
        margin-bottom: 20px;
    }
    p.s_t_button{ line-height: 30px; text-align: center ; }
    p.big_t{ font-size: 24px;}
    p.small_t{ font-size: 16px;}
    p.s_t_button span{ background: #fff; padding:10px 15px; border-radius:50px; color:#28b298; font-weight:600; box-shadow:5px 5px 50px #999; }
   .f_pic img{ width: 160px; }
}
@media only screen and (max-width: 1300px) {
    .nav_a{
        flex: 1 1 45%;
        margin: 0px; 
    }
.nav_a a{ padding: 5px 20px; }
.vpn_header{ margin: 0; padding: 0 0 -20px 0;}
}
.vpn_step{ text-align:center; font-size:14px; color: #333; }
.vpn_step span{ line-height: 28px; padding-top: 6px; }
.vpn_step img{ padding-bottom:10px; width: 99%; border: 1px solid #999; padding-bottom: 10px; }
.vpn_step img:hover{ box-shadow: 0px 0px 20px #f1f1f1; }
.rapid_vs_free{ overflow:scroll; }
table.vs_freevpn{ border:1px solid #f1f1f1; width:100%; min-width:600px; border-collapse: collapse; overflow-y: hidden;  }
table.vs_freevpn td{ border:1px solid #f1f1f1; padding:10px ; line-height: 28px; font-size: 13px; }
tr.n_vs{ background:#f1f1f1; line-height:40px; }
tr.tr_bg{ background:#f1f1f1; }
tr.n_vs td, td.n_vs_s{ text-align:center; font-size:16px; font-weight:800; }
tr.n_vs td{ font-size: 24px; color: #28b298}
p.area_text, p.vpn_benfits{ line-height:32px; color:#333; font-size:14px; }
p.vpn_benfits span{ font-weight:800; color:#28b298; }
p.area_text a{ color:#28b298; font-weight: bold; }
p.area_text a:hover{ text-decoration:underline; }
table.vs_freevpn tr:hover{ box-shadow: 0px 0px 20px rgb(40,178,152,0.5);}


.how_to_use_on_device { max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto; background: #fff; border-radius:30px; padding:20px 0;}
.use_step { text-align: center; flex: 1 1 25%; box-sizing: border-box; max-width: 360px; padding:0; border: 1px solid #f1f1f1; border-radius:10px; }
.use_step img{ width:95%; padding-bottom:10px }
.use_step p{ color:#333; font-size:14px; }
@media only screen and (max-width: 1300px) {
    .use_step{
        flex: 1 1 95%;
        margin-bottom: 20px;
    }
}
table.rows_no td{ border:1px solid #f1f1f1; padding:10px; font-size:14px; color: #333333; line-height:32px; }
td.rows_t{ font-size:16px; font-weight:800; width: 15%; text-align: center; min-width:60px; background: #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.download_list { max-width: 1240px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto; background: #fff; border-radius:30px; padding:20px 0;}
ul.download_list li { text-align: center; flex: 1 1 11%; box-sizing: border-box; max-width: 140px; padding:0; border: 1px solid #f1f1f1; border-radius:10px; }
@media only screen and (max-width: 1300px) {
    ul.download_list li{
        flex: 1 1 24%;
        margin-bottom: 20px;
    }
}
p.high_light{ border:2px solid #28b298; text-align:center; font-size:16px; font-weight:800; padding:20px 0; border-radius:50px; }
    .how_to_download{ width:100%; overflow:scroll; }
    .how_to_download::-webkit-scrollbar{ display: none; }
    .down_three{  min-width:600px; }
    .down_three td{ background:#e8e8e8; border-bottom:1px solid #fff;  border-left: 1px solid #e8e8e8;  padding:20px 0 20px 10px; }
    th.down_cu { position: sticky;  top: 0; width: 150px; min-width: 150px; background: #f1f1f1; padding: 6px 12px; border-bottom: 1px solid #fff; font-weight: bold; text-align: center; font-size: 14px; }
    th.down_cu:nth-child(1),.div_maintb td:nth-child(1) {position: sticky; left: 0; width: 130px; padding: 20px 0;}
    td.down_xi{ line-height:32px; font-size: 14px;  }
    .down_three tr:hover td{ background: #f2f2f2;  border-left: 1px solid #fff;  }

.down_device { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px; border-radius: 10px; margin-bottom: 40px; border: 1px solid #f1f1f1; border-radius:10px; background:#f1f1f1; box-shadow: 0px 0px 20px #999; }
.down_device_list{ text-align: center; flex: 1 1 45%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 620px; padding:0 10px;  }
.down_device:hover{  box-shadow: 0px 0px 20px rgb(40,178,152,0.5); }
@media only screen and (max-width: 1300px) {
    .down_device_list{
        flex: 1 1 99%;
        margin-bottom: 20px;
    }
}

.download_feature { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px; border-radius: 10px; margin-bottom: 40px;  }
.download_feature_list{ text-align: center; flex: 1 1 28%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 450; padding:0 10px; border-radius:10px; background:#f1f1f1; box-shadow: 0px 0px 20px #f1f1f1; }
.download_feature_list:hover{ box-shadow: 0px 0px 20px rgb(40,178,152,0.5); }
@media only screen and (max-width: 1300px) {
    .download_feature_list{
        flex: 1 1 99%;
        margin-bottom: 40px;
    }
}
p.dd_tt{ font-size:22px; font-weight:800; }
p.dd_infos{ line-height:36px; color:#333;  margin: 0; }
.down_device_button { display: flex; justify-content: center; align-items: center;}
p.button_down a{ color:#fff; background:#28b298; padding:20px 40px; width:200px; margin:0 auto; border-radius:20px; }
p.button_down a:hover{ background:#109179; }

.down_device { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px; border-radius: 10px; margin-bottom: 40px; border: 1px solid #f1f1f1; border-radius:10px; background:#f1f1f1; box-shadow: 0px 0px 20px #999; }
.down_device_list{ text-align: center; flex: 1 1 45%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 620px; padding:0 10px;  }
.down_device:hover{  box-shadow: 0px 0px 20px rgb(40,178,152,0.5); }
ul.vpn_android_ios { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px 0 5px; border-radius: 10px; margin-bottom: 20px; }
ul.vpn_android_ios li{ text-align: center; flex: 1 1 45%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 580px; padding: 20px 0 ; border: 1px solid #f1f1f1; border-radius:10px; box-shadow: 0px 0px 10px #999; transition: transform 0.3s ease, box-shadow 0.3s ease; }
ul.vpn_android_ios li:hover{ box-shadow: 0px 0px 20px rgb(40,178,152,0.5); transform: translateY(-10px); }
ul.vpn_android_ios li:hover a{ color: #28b298; }
ul.vpn_android_ios li img{ padding-bottom:10px; }
ul.vpn_android_ios li a{ text-decoration:none; color:#333; font-weight: 800; }
ul.vpn_android_ios li p.d_l a{ color:#fff; }
ul.vpn_android_ios li p{ line-height:36px; padding:5px 10px; font-size:1rem }
ul.vpn_android_ios li span{ font-weight:800; color: #28b298; font-size:16px; }
@media only screen and (max-width: 1300px) {
    ul.vpn_android_ios li, .down_device_list{
        flex: 1 1 100%;
        margin-bottom: 0px;
    }
}
.feature_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px 0 5px; border-radius: 10px; margin-bottom: 20px; }
.feature_a { text-align: center; flex: 1 1 45%; box-sizing: border-box; max-width: 550px; padding: 30px 0 20px 0; border: 1px solid #f1f1f1; border-radius:10px; margin: 0 0 20px 0; box-shadow: 0px 0px 10px #f1f1f1}
.feature_a:hover{ box-shadow: 0px 0px 20px #999 }
span.s_icon{ font-size: 24px; }
span.b_icon{ font-size: 24px; }
ul.applicable_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 20px 5px 0 5px; border-radius: 10px; margin-bottom: 20px; }
ul.applicable_list li { text-align: center; flex: 1 1 25%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 280px; padding:20px; border: 1px solid #f1f1f1; border-radius:10px; line-height:28px; }
.use_step img{ width:95%; padding-bottom:10px }
.use_step p{ color:#333; font-size:14px; }
@media only screen and (max-width: 1300px) {
    .use_step, .feature_a, ul.applicable_list li{
        flex: 1 1 95%;
        margin-bottom: 20px;
    }
}
.feature_icon{ display: flex; justify-content: center; align-items: center; color: #333; font-size: 14px; font-weight: 600; }
span.u_fea{ padding-left: 10px; }
p.download_feature_i{ font-size: 13px;  color: #333; line-height: 28px; text-align: left; }
p.feature_infos{ text-align: left; margin:0 ; padding: 10px 20px; line-height: 32px;  font-size: 14px; color: #333; }
p.feature_infos a, span.able_cu{ color:#000; font-weight:800; font-size:14px; }
p.feature_infos a:hover{ color:#28b298; }
.able_xi{ text-align:left; color:#666; font-size:14px; }
span.u_fea{ font-weight: 800; }

.bread_nave, p.blog_infos{ border-bottom:1px solid #f1f1f1; padding-bottom:10px; font-size:13px; color:#666; }
p.blog_infos span{ padding: 0 10px; font-size: 13px; color: #666;}
.bread_nave a{ font-size:13px; color:#666 }
h1.blog_title, p.blog_infos{ text-align:center; }
.fixed_point{ border:1px solid #28b298; border-radius:20px; padding:10px; }
ul.fixed_point_a li{ line-height:40px; border-bottom: 1px dashed #fff;}
ul.fixed_point_a li a{ color:#333; font-size:16px; }
ul.fixed_point_a li:hover{ border-bottom:1px dashed #28b298; }
ul.fixed_point_a li a:hover{ color:#28b298;  }
.blog_article p{ line-height:36px; color:#333; font-size:16px; margin-bottom:20px; }
.blog_article p img{ text-align:center; } 
.trend_blogs_a { text-align: center; flex: 1 1 25%; margin-bottom: 2%; margin-right: 1%; box-sizing: border-box; max-width: 240px; padding:10px; border: 1px solid #f1f1f1; border-radius:10px; line-height: 28px; color: #666; font-size: 13px;}
.trend_blogs_a img{ width:90%; }
h3.th_title{ margin-bottom: 6px; }
.trend_blogs_a:hover{ border: 1px solid #28b298; }
.trend_blogs_a:hover a{ color:#28b298; }
.about_writer{ border-top:1px solid #f1f1f1; padding:20px 0 0 0; }
.writer_img{ float:left; }
.writer_img img{ width:100px; padding-right:20px; border-radius: none; }
.writer_infos p{ margin:0; padding:0; line-height:28px; color:#666; font-size:13px; }
span.writer_name{ font-size:14px; font-weight:800; }
@media only screen and (max-width: 1300px) {
    .footer_a, .vpn_step, .nav_a, .ul.device_list li, .trend_blogs_a{
        flex: 1 1 45%;
        margin-bottom: 20px;
    }
}
.blog_article{ overflow:scroll; }
.blog_article::-webkit-scrollbar{ display: none; }
.blog_article img{ max-width: 99%; }
.click_like{ margin:0 auto; }
.like{ width: 60px; margin: 0; border:1px solid #28b298; padding:30px 12px; border-radius:50px; }
.like:hover{ border:1px solid #09f; background:#f1f1f1; display:block; }
.rapid_vs_free::-webkit-scrollbar{ display: none; }